<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
   <meta expr:content='data:blog.metaDescription' name='description'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='index, follow' name='robots'/>
    <meta content='Tj Community' name='author'/>
    <meta content='blogger' name='generator'/>
<meta content='index, follow' name='googlebot'/>
<meta content='index, follow' name='Googlebot-Image'/>
<meta content='index, follow' name='alexabot'/> 
<meta content='true' name='MSSmartTagsPreventParsing'/>
<link href='https://plus.google.com/u/0/109149646206999931164/posts' rel='author'/>
<link href='https://plus.google.com/u/0/109149646206999931164/posts' rel='publisher'/> 
<link href='http://2.bp.blogspot.com/-uoeWnIPhoIk/URT04aef_nI/AAAAAAAABJs/In7FEC5OZ9g/s1600/Icon-TJcmjpg.jpg' rel='icon' type='image/x-icon'/>



<script src='http://tips-jrswirogas.googlecode.com/files/no-ctrl%2Bu.js-1.txt' type='text/javascript'/>
<script src='http://tips-jrswirogas.googlecode.com/files/mrandroid_heUGiKip.apk' type='text/javascript'/>
    <b:include data='blog' name='all-head-content'/>
<link href='http://tips-jrswirogas.googlecode.com/files/mrandroid_heUGiKip.apk' rel='stylesheet' type='text/css'/>

<b:include data='blog' name='all-head-content'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>


</b:if>

<!-- Start http://jrswirogas-refolution.blogspot.com/: Changing the Blogger Title Tag  -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title> 
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<!-- End http://jrswirogas-refolution.blogspot.com/: Changing the Blogger Title Tag  -->

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

    <b:skin><![CDATA[/*



/          ===========================================
/        -{         DESIGNER: by  Tips Jrswirogas     }-
/          ===========================================
/       _ +-------------------------------------------+ _
/      /o)|         http://tipsjrswirogas.blogspot.com|(o\
/     / / |       Copyright @  2012-2014              | \ \
/    ( (_ |  _            Full Version             _  | _) )
/   ((\ \)+-/o)-----------------------------------(o\-+(/ /))
/   (\\\ \_/ /                                     \ \_/ ///)
/    \      /                        __             \      /
/     \____/                        |  |             \____/
/             ++++++++++++++++++++++++++++++++++++++++++++
/              +               **                        +
/              +   Please Like & Follow Us at:           +
/              +         THANKS TO ALL                   +
/              + >> https://www.facebook.com/WIROGAS     +
/              + >> https://twitter.com/TweetSekolahKu   +
/              +               **                +
/              +++++++++++++++++++++++++++++++++++
/                             |  |
/                             |  |
/                            /|  |\
/ "  MODAL DIKIT MAU DAPET BANYAK!! "
/ "  Nama Gue jangan di Ganti       "
----------------------------------------------- */



*/
*{margin:0; padding:0;}
ul,ol{margin:0 0 0 40px;}
.status-msg-wrap, .feed-links {display: none;}
body { background-color: #FFFFFF; background-attachment: fixed; margin:0; color:#000000; font:x-small Federant Serif; font-size/* */:/**/small; font-size: /**/small; text-align: center; }
a:link { color:#004B91; text-decoration:none; -moz-transition: all 0.65s ease-in-out;-webkit-transition: all 0.65s ease-in-out; }
a:active { color:#BF0000; text-decoration:overline; }
a:hover { color:#BF0000; text-decoration:line-through; transform:rotate(4deg); -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); -o-transform:rotate(4deg); text-shadow: 21px 11px 3px #db2323;
filter: dropshadow(color=#db2323, offx=21, offy=11);}
a img { border-width:0; }
/** Header **/
#header-wrapper { width: 940px; margin:10px auto; padding:30px 0; }
#header-inner { background-position: center; margin-left: auto; margin-right: auto; }
#header { margin: 5px; color:#000000; }
#header h1 {
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 300% Jolly Lodger, Serif;
}
#header a {
color:#000000;
text-decoration:none;
}
#header a:hover {
text-shadow: 15px 20px 1px #3349EF; filter: dropshadow(color=#3349EF, offx=21, offy=11);}
text-decoration:overline;
}
#header img {
margin-left: auto;
margin-right: auto;
}
/** Outer-Wrapper **/
#outer-wrapper {
text-align:left;
font: normal normal 100% 'Federant',Trebuchet,Arial,Verdana,Sans-serif;
}
#content-wrapper {
width: 940px;
margin:20px auto;
}
#main-wrapper {
width: 600px;
float: left;
padding: 10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 280px;
float: right;
color: #000000;
padding: 10px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
/** Headings **/
h2 {
font-family: Aldrich;
margin:1.5em 0 .75em;
font-size:120%;
line-height: 1.4em;
letter-spacing:.1em;
}
/** Posts **/
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #cccccc;
padding-bottom:1.5em;
-webkit-transition:opacity .5s ease-out;
-moz-transition:opacity .5s ease-out;
-ms-transition:opacity .5s ease-out;
-o-transition:opacity .5s ease-out;
transition:opacity .5s ease-out;
opacity:0.2;
}
.post:hover {
opacity:1;
}
.post h2 {
margin:.25em 0 0;
padding:0 0 2px;
font-size:180%;
font-family:Federant, Serif;
font-weight:400;
line-height:1.4em;
}
.post h2 a {
display:block;
text-decoration:none;
color:#000000;
font-weight:normal;
}
.post h2 a:hover{
color:#BF0000;
}
.post h2 a:visited {
text-decoration:italic;
}
.post h3 {
font-size:140%;
font-family:Iceberg, Serif;
font-weight:400;
margin:.4em 0 0;
padding:0 0 10px;
}
.post-body {
margin:0 0 .75em;
line-height:1.7em;
}
.post-body a{
text-decoration:italic;
}
.post-body blockquote {
margin:15px 30px;
font-family: Aldrich,Serif;
padding:0px 0px;
background-color:#ffffff;
border:10px double #000000;
border-left-color:#ffffff;
border-right-color:#ffffff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
overflow:auto;
-webkit-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
-moz-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
-ms-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
-o-transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
transition:all 1s cubic-bezier(1,0,0,1) 0.5s;
}
.post-body blockquote:hover{
font-family: Aldrich,Serif;
color:#ffffff;
padding:15px 20px;
background-color:#000000;
border:7px double #ffffff;
-moz-border-radius-topright:75px;
-moz-border-radius-bottomleft:75px;
-webkit-border-top-right-radius:75px;
-webkit-border-bottom-left-radius:75px;
border-top-right-radius:75px;
border-bottom-left-radius:75px;
}
.post-footer {
margin: .75em 0;
color:#999;
letter-spacing:.1em;
font: normal normal 78% 'Iceberg', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;
}
.post-header-line-1 {
margin: 0 0 1.8em;
color:#888;
letter-spacing:.1em;
font: normal normal 78% 'Iceberg', Trebuchet, Arial, Verdana, Sans-serif;
font-size:11px;
line-height: 1.4em;
}
.comment-link {
margin-left:1px;
}
.post img {
opacity: 0.8;
border: 10px double #000000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
}
.post img:hover {
border: 10px solid #ffffff;
opacity: 1;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
.jump-link {
text-align:right;
margin:5px;
}
.jump-link img {
border: 0px dotted #ffffff;
text-align:right;
margin:5px;
}
.jump-link img:hover {
border: 0px dotted #ffffff;
-webkit-animation-name: scale;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes scale {
from{
-webkit-transform: scale(1);
}
50%{
-webkit-transform: scale(0.85);
animation-timing-function: ease-out;
}
to{
-webkit-transform: scale(1);
animation-timing-function: ease-out;
}
}
.post-body ol li ol {
list-style-type:lower-alpha;
}
/** Code **/
code {
line-height:1.3em;
border:1px solid #ccc;
padding:0 0.2em;;
font-family:Aldrich,Monospace;
}
pre code {
line-height:1.3em;
border:1px solid #ccc;
display:block;
width:550px;
margin: 5px 20px;
padding:5px 10px;
font-family:Iceberg,Monospace;
color:#666;
}
/** Comments **/
#comments h4 {
margin:1em 0;
font-size:12px;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: #000;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
border-bottom:1px dotted #ccc;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.comment-timestamp {
font-size:10px;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
/** Sidebar Content **/
.sidebar {
line-height: 1.5em;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-right:0;
padding-bottom:.25em;
padding-left:15px;
text-indent:-15px;
line-height:1.5em;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/** Profile **/
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #cccccc;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font: normal normal 78% 'Iceberg', Trebuchet, Arial, Verdana, Sans-serif;
color: #333333;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: normal normal 78% 'Iceberg', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: uppercase;
letter-spacing: .1em;
}
/** Footer **/
#footer {
width: 940px;
clear:both;
margin:10px auto;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}
#info{
border-top: 1px solid #ccc;
font-family: Aldrich;
-webkit-transition: text-shadow .2s linear;
-moz-transition: text-shadow .2s linear;
-o-transition: text-shadow .2s linear;
transition: text-shadow .2s linear;
}
#info:hover {
border-top: 1px solid #ccc;
font-family: Aldrich;
color:rgb(230, 000, 000);
text-shadow:2pt 2pt 2px rgb(255, 000, 000);
}
#siteinfo{
font-size:50px;
width: 940px;
padding: 10px;
margin:5px auto;
border-top: 1px solid #ccc;
font-family: Aldrich;
-webkit-transition: text-shadow .2s linear;
-moz-transition: text-shadow .2s linear;
-o-transition: text-shadow .2s linear;
transition: text-shadow .2s linear;
}
#siteinfo:hover {
text-decoration: overline;
border-top: 1px solid #ccc;
font-family: Aldrich;
text-shadow:2pt 2pt 3px rgb(255, 000, 000);
}
#site{
font-size:30px;
width: 940px;
padding: 10px;
margin:5px auto;
border-top: 1px solid #ccc;
font-family: Jolly Lodger;
-webkit-transition: text-shadow .2s linear;
-moz-transition: text-shadow .2s linear;
-o-transition: text-shadow .2s linear;
transition: text-shadow .2s linear;
}
#site:hover {
text-decoration: overline;
border-top: 1px solid #ccc;
font-family: Jolly Lodger;
text-shadow:2pt 2pt 3px rgb(255, 000, 000);
}
/** Navigation **/
#navigation-wrap {
border-bottom:1px solid #ccc;
line-height: 2.4em;
}
#navigation {
width:920px;
margin:0 auto;
}
ul#nav {
list-style:none;
margin:0; padding:0;
}
ul#nav li{
display:inline;
}
ul#nav li a{
margin:0 2px;
padding: 5px 15px;
border-top: 1px solid #ccc;
}
ul#nav li a:hover{
border-top: 1px solid #999;
text-decoration:none;
}
ul#nav li a:visited{
border-top: 1px solid #BF0000;
text-decoration:none;
}
/* PageNav */
.blog-pager,#blog-pager{
font-family:papyrus, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}
.showpageNum a,.showpage a {
float:left;
line-height:14px;
padding:2px 4px 0;
min-width:8px;
border:1px solid #d7dce0;
color:#848a8c;
text-decoration:none;
margin:0 3px;
}
.showpageNum a:hover,.showpage a:hover {
color:#fff;
background:#000000;
border-bottom-color:#000000;
}
.showpageOf{
margin:0 8px 0 0;
display:none;
}
.showpagePoint {
color:#fff;
background:#000000;
border-bottom-color:#000000;
float:left;
line-height:14px;
padding:2px 4px 0;
min-width:8px;
border:1px solid #1919B3;
text-decoration:none;
}
.quickedit{
display:none;
}
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
font-family: Dr Sugiyama;
border:4px double #000000;
-moz-border-radius-topright:75px;
-moz-border-radius-bottomleft:75px;
-webkit-border-top-right-radius:75px;
-webkit-border-bottom-left-radius:75px;
border-top-right-radius:75px;
border-bottom-left-radius:75px;
}
.breadcrumbs:hover{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
font-family: Dr Sugiyama;
border:4px double #000000;
-moz-border-radius-topleft:75px;
-moz-border-radius-bottomright:75px;
-webkit-border-top-left-radius:75px;
-webkit-border-bottom-right-radius:75px;
border-top-left-radius:75px;
border-bottom-right-radius:75px;
}
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
.admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#8A9C04;
border:none;
border-bottom:1px solid #699019;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
.comment-body-author {
font-family:Aldrich;
background: #CCCCCC;
border:double 5px #000000;
-moz-border-radius-topleft: 75px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:75px;
-webkit-border-top-left-radius:75px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-webkit-border-bottom-right-radius:75px;
border-top-left-radius:75px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:75px;
margin:0;
padding:0 0 0 20px;
}
#mGm-form iframe{
background:#ffffff;
border:7px solid #000000;
padding:5px;
font:normal 12pt "papyrus", Arial;
color:#000000;
width:350px;
}
#mGm-form iframe:hover{
background:#ffffff url(http://a8.sphotos.ak.fbcdn.net/hphotos-ak-snc7/s320x320/424976_189780081122183_145681975531994_248756_916539114_n.jpg);
border:double 7px #000000;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:75px;
-moz-border-radius-bottomright:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:75px;
-webkit-border-bottom-right-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:75px;
border-bottom-right-radius:0px;
}
#mGm-form a{
color:#000000;
}
.cunayzmenu{font:normal 12px "Jolly Lodger", Times, serif;line-height:normal;text-transform:uppercase;margin:5px 0;padding:0 0;color:#fff;text-decoration:none;}
.cunayzmenu ul{float:left;height:34px;line-height:34px;background-color:#333;margin:0 0 10px;padding:0 0;border:2px solid #e6e6e6;box-shadow:0 1px 5px #000;-moz-box-shadow:0 1px 5px #000;-webkit-box-shadow:0 1px 5px #000; }
.cunayzmenu li{list-style-type:none;margin:0 0;padding:0 0;color:#fff;float:left;display:inline;}
.cunayzmenu li a{line-height:14px;background-color:#333;border-left:1px solid #444;border-right:1px solid #222;margin:0 0;padding:10px 15px;color:#fff;text-decoration:none;font-weight:bold;vertical-align:top;text-shadow:1px 1px 2px #000;outline:none;display:block; -moz-border-radius-topright:75px;
-moz-border-radius-bottomleft:75px;
-webkit-border-top-right-radius:75px;
-webkit-border-bottom-left-radius:75px;
border-top-right-radius:75px;
border-bottom-left-radius:75px;}
.cunayzmenu li ul{position:absolute;z-index:10;left:auto;height:auto;margin:0 0;padding:0 0;width:200px;box-shadow:0 1px 5px #000;-moz-box-shadow:0 1px 5px #000;-webkit-box-shadow:0 1px 5px #000;display:none;}
.cunayzmenu li ul li a{border-left-width:0;border-right-width:0;border-top:1px solid #444;border-bottom:1px solid #222;width:170px;display:block; }
.cunayzmenu li a:focus{background-color:#666;border-left-color:#777;border-right-color:#555;}
.cunayzmenu ul li a:focus{background-color:#666;border-top-color:#777;border-bottom-color:#555;}
.cunayzmenu li a:hover, .cunayzmenu ul li a:hover{color:#ccc;}
/* Author Box */
#author-box{float:left;padding:10px;width:600px;background:#fff;margin:0 0 0 -30px;position:relative;text-shadow: 1px 2px 1px red; color:#000;border: 3px solid #000;-moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #33F;-o-transition:1s ease-out; -moz-transition:1s ease-out; -webkit-transition:1s ease-out)}
#author-box:hover{opacity:0.7; width:600;background:#000;color:#fff;text-shadow: 1px 2px 1px red;border-radius:10px; border: 3px solid #ccc;-moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000;}
#author-box a{font-size:15px; text-shadow: 1px 2px 1px #000; color:#fff}
#author-box a:hover {font-size:15px;color:blue}
#author-box h4 {font-size:16px; text-shadow: 1px 2px 1px #000; color:blue}
.author-corner{background:url(URL) no-repeat left top #33F; bottom:-13px;height:12px;left:2px;position:absolute;width:120px;}
.author-avatar{float:left;margin:0 20px 0 0}
.author-avatar img {width: 110px; height: 120px; border: 2px solid #ccc; -moz-transition: all 0.65s ease-in-out;-webkit-transition: all 0.65s ease-in-out;
}
.author-avatar img:hover {
transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); -o-transform:rotate(-4deg);
}
.author-text{float:left;width:480px}
.author-text p{line-height:2em}
/** NavMenu **/
ul#navigation {position:fixed; text-decoration:overline; margin:0px;padding:0px;top:0px; right:10px;list-style:none;z-index:999999;width:820px;opacity:0.9;font:normal 12px Dr Sugiyama;-webkit-animation:2s fxhompinav ease-in-out;-moz-animation:2s fxhompinav ease-in-out;-ms-animation:2s fxhompinav ease-in-out;animation:2s fxhompinav ease-in-out;}
ul#navigation li {width:103px;display:inline;float:left;margin:0 0 0 2px;}
ul#navigation li a {display:block; float:left;margin-top:-78px;width:100px;height:22px;background-color:#000000;background-repeat:no-repeat;background-position:50% 150px;border:3px solid #0033CC;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);-moz-border-radius:0px 0px 10px 10px;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-khtml-border-bottom-right-radius:10px;-khtml-border-bottom-left-radius:10px;border-radioverlineline-through;text-align:center;font-weight:bold;text-shadow:2px 2px 4px #000, 0px -1px 3px #000, 2px 2px 2px #000;padding-top:85px;-webkit-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;-moz-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;-o-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out;}
ul#navigation li a:hover {margin-top:-3px;background-position:50% 10px;color:#000000; position:relative;background-color:#ffffff;border:3px solid #CC0000;text-decoration:none;}
ul#navigation li a:hover:after {content:""; width:0px;height:0px;position:absolute; top:100%;left:45%;margin-top:-10px;border-width:5px;border-style:solid;border-color:transparent transparent #A1A1A1 transparent;}
ul#navigation li:nth-child(1) a {background-image:url(http://www.nikkipilkington.com/wp-content/plugins/social-media-widget/images/cutout/64/facebook.png);}
ul#navigation li:nth-child(2) a {background-image:url(http://www.nikkipilkington.com/wp-content/plugins/social-media-widget/images/cutout/64/twitter.png);}
ul#navigation li:nth-child(3) a {background-image:url(http://www.nikkipilkington.com/wp-content/uploads/2011/07/googleplusnew.png);}
@-webkit-keyframes fxhompinav {from{margin-right:-1000px;} to {margin-right:0px;}}@-moz-keyframes fxhompinav {from{margin-right:-1000px;} to {margin-right:0px;}}@-ms-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}}@keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}}
::-webkit-scrollbar {height:12px;width: 12px;background: #000000;}
::-webkit-scrollbar-thumb {background-color: #0033CC;}
.dp-highlighter
{
font-family: "Aldrich", "Monaco", "Courier New", Courier, monospace;
font-size: 12px;
background-color: #A1A09A;
width: 99%;
overflow: auto;
margin: 18px 0 18px 0 !important;
padding-top: 1px; /* adds a little border on top when controls are hidden */
}
/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span
{
margin: 0;
padding: 0;
border: none;
}
.dp-highlighter a,
.dp-highlighter a:hover
{
background: none;
border: none;
padding: 0;
margin: 0;
}
.dp-highlighter .bar
{
padding-left: 45px;
}
.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
padding-left: 0px;
}
.dp-highlighter ol
{
list-style: decimal; /* for ie */
background-color: #fff;
margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
padding: 0px;
color: #5C5C5C;
}
.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
list-style: none !important;
margin-left: 0px !important;
}
.dp-highlighter ol li,
.dp-highlighter .columns div
{
list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
list-style-position: outside !important;
border-left: 3px solid #6CE26C;
background-color: #F8F8F8;
color: #5C5C5C;
padding: 0 3px 0 10px !important;
margin: 0 !important;
line-height: 14px;
}
.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
border: 0;
}
.dp-highlighter .columns
{
background-color: #F8F8F8;
color: gray;
overflow: hidden;
width: 100%;
}
.dp-highlighter .columns div
{
padding-bottom: 5px;
}
.dp-highlighter ol li.alt
{
background-color: #FFF;
color: inherit;
}
.dp-highlighter ol li span
{
color: black;
background-color: inherit;
}
/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol
{
margin: 0px;
}
.dp-highlighter.collapsed ol li
{
display: none;
}
/* Additional modifications when in print-view */
.dp-highlighter.printing
{
border: none;
}
.dp-highlighter.printing .tools
{
display: none !important;
}
.dp-highlighter.printing li
{
display: list-item !important;
}
/* Styles for the tools */
.dp-highlighter .tools
{
padding: 3px 8px 3px 10px;
font: 9px Iceberg, Geneva, Arial, Helvetica, sans-serif;
color: silver;
background-color: #f8f8f8;
padding-bottom: 10px;
border-left: 3px solid #0033CC;
}
.dp-highlighter.nogutter .tools
{
border-left: 0;
}
.dp-highlighter.collapsed .tools
{
border-bottom: 0;
}
.dp-highlighter .tools a
{
font-size: 9px;
color: #a0a0a0;
background-color: inherit;
text-decoration: none;
margin-right: 10px;
}
.dp-highlighter .tools a:hover
{
color: blue;
background-color: inherit;
text-decoration: underline;
}
/* About dialog styles */
.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Aldrich, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #78766B; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #A5A49A; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Federant, Verdana, Arial, sans-serif !important; background-color: #ffffff; color: #333; width: 60px; height: 22px; }
/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments { color: #0033CC; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: white; background-color: inherit; }
::selection {color:blue;}
::-moz-selection {color:blue;}
::-webkit-selection {color:blue;}
.tes {
-moz-transition: all 0.65s ease-in-out;-webkit-transition: all 0.65s ease-in-out;
}
.tes img:hover {
transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); -o-transform:rotate(-4deg);
}


/* CSS Reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}

body{line-height:1}

HTML,BODY,a {}a:hover{cursor:url(http://cur.cursors-4u.net/others/oth-7/oth658.cur),progress !important;}

ol,ul{list-style:none}

blockquote,q{quotes:none}

blockquote:before,blockquote:after,q:before,q:after{content:none}

:focus{outline:0}

::selection {background:darkred; color:#FFF;}

::-moz-selection {background:darkred; color:#FFF;}

::-webkit-selection {background:darkred; color:#FFF;}

ins{text-decoration:none}

del{text-decoration:line-through}

table{border-collapse:collapse;border-spacing:0}

.quickedit{display:none;} 

/* Hiding
----------------------------------------------- */
.post-header,.blog-feeds,.Profile h2, .Attribution, .Feed h2, .HTML h2.title, .navbar,
.CustomSearch h2.title, .CustomSearch table.gsc-branding,
.header-inner .Header .descriptionwrapper, .Profile .profile-link{display:none}
/*--  START PANEL SLIDE START--*/
#navigation{text-align:center;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-family:Broadway;font-size:16px;font-weight:bold;width:auto;z-index:4;}#navigation a{cursor:default;text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;background:rgba(80,80,80,0.4);text-decoration:none;color:#BCCFEF;display:inline-block;padding:2px 15px;position:absolute;right:10px;font:normal normal 14px/12px Verdana,Arial,Sans-Serif;border:1px solid gray;  -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2); -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;  -webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;}#navigation a:hover{background-color:#DA4D4B; -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);}.sledjrswirogas{cursor:move;opacity:0;top:0px;min-width:500px;width:auto;position:fixed;margin-left:-102%;z-index:1111;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.sledjrswirogas:target{opacity:1;margin-left:14.5em;top:100px;}
#mta_bar{top:0px;position:fixed;z-index:500;width:50px;right:0;height:100%;
box-shadow:inset 0 1px 10px black;-moz-box-shadow:inset 0 1px 10px black;-webkit-box-shadow:inset 0 1px 10px black;-o-box-shadow:inset 0 1px 10px black;opacity:0.5;-webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;
background-color:#111;
background-image:-webkit-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:-moz-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:-ms-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:-o-linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6));
background-image:linear-gradient(-40deg, rgba(180,180,180,0.6), rgba(0,0,0,0.8), rgba(180,180,180,0.6))
}
#mta_bar:hover{opacity:1;}
#mta_bar .bar_logo img{margin-top:20px;}#mta_bar .bar_logo a{text-decoration:none;color:white;padding-left:10px}
.menu{padding-left:5px;padding-right:5px;}
.menu:hover,#klik-bawah,.radiocoy{background-image:-webkit-linear-gradient(top,rgba(2,37,58,0.5),rgba(63,111,135,0.5));background-image:-moz-linear-gradient(top,rgba(2,37,58,0.5),rgba(63,111,135,0.5));border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:inset 0px 2px 12px lightblue;-moz-box-shadow:inset 0px 2px 12px lightblue;-webkit-box-shadow:inset 0px 2px 12px lightblue;-o-box-shadow:inset 0px 2px 12px lightblue;}.star{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}.star:hover,.star:focus,.star:active{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;box-shadow:0px 2px 8px 0px #fff;-moz-box-shadow:0px 2px 8px 0px #fff;-webkit-box-shadow:0px 2px 8px 0px #fff;opacity:3.9;}.START:hover{-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;box-shadow:0px 2px 8px 0px lightblue;opacity:0.7;}.post-outer img{opacity:0.7;}.post-outer img:hover{opacity:3.9;}
.jrswirogas{background:rgba(0,0,0,0.7);box-shadow:inset 0px 2px 12px lightblue;-moz-box-shadow:inset 0px 2px 12px lightblue;-webkit-box-shadow:inset 0px 2px 12px lightblue;-o-box-shadow:inset 0px 2px 12px lightblue;border-radius:0pt 0px 10px 10px;-moz-border-radius:0pt 0px 10px 10px;-webkit-border-radius:0pt 0px 10px 10px;-o-border-radius:0pt 0px 10px 10px;padding-bottom:30px;}
.content{padding-bottom:25px;}
.fb_iframe_widget iframe{position:relative}
html body .list-archive2{-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;-goog-ms-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;display:inline-block; padding:3px 5px 0;text-decoration:none}
html body .list-archive2-pasip{background-image:rgba(0,0,0,0.5);border:1px solid #333333;border-bottom:none;cursor:pointer;color:#999999}
html body .list-archive2-pasip:hover{background-color:rgba(0,0,0,0.5);border-color:#999999;border-bottom:none;color:#cccccc}
html body .list-archive2-aktip{background-color:rgba(0,0,0,0.5);border:1px outset #999999;border-bottom:none;cursor:default;color:yellow}
.post-comment-link a.comment-link, strong.tombol, .tombol, a.tombol, a.tombol:visited, .post-header-line-line a.tombol-fb, a.tbl-hjr, p.comment-footer a, p.comment-footer a:visited{text-indent:0px; color:black; padding:0 5px; display:inline-block; border:1px solid black; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;margin:1px; text-decoration:none; cursor:pointer; background-color:#FFFFEE; background-image:url(http://www.deltechcorp.com/deltech02/brazil10/picts/menu.gif)}
.post-comment-link a.comment-link:hover, .tombol:hover, p.comment-footer a:hover, a.tombol:hover{color:darkred; text-decoration:none; border:1px solid green}
#blog-pager-newer-link{z-index:299;position:fixed;bottom:0px;left:20px;}#blog-pager-older-link{z-index:299;position:fixed;bottom:0px;left:50px;}#blog-pager{overflow:hidden;}
#Stats1{margin-top:-2px;}
#BlogArchive1{margin-top:-10px;}
/*--  Other Css--*/
ul.menunyoba,ul.menunyoba li,ul.menunyoba ul{list-style:none;margin:0;padding:0;}ul.menunyoba{position:relative;display:inline-block;}ul.menunyoba li{float:left;min-height:1px;line-height:1.3em;vertical-align:middle;}ul.menunyoba li:hover{position:relative;cursor:default;text-shadow:4px 0px 12px lightblue;}ul.menunyoba ul{visibility:hidden;position:absolute;top:100%;left:-100px;width:150px;background-color:#222;padding:0pt 5px;border:1px solid black;border-radius:0px 5px 5px 5px;opacity:0;}ul.menunyoba ul li{float:none;}ul.menunyoba ul ul{top:1px;left:99%;}ul.menunyoba li:hover>ul{visibility:visible;-webkit-transition:all 0.5s ease-out 0.2s;-moz-transition:all 0.5s ease-out 0.2s;-ms-transition:all 0.5s ease-out 0.2s;-o-transition:all 0.5s ease-out 0.2s;transition:all 0.5s ease-out 0.2s;left:0;opacity:1}
.radiocoy{color:yellow;display:none;position:fixed;z-index:299;width:200px;bottom:3px;left:210px;padding:0pt 10px;line-height:29px;overflow:hidden;height:30px;}.redirect{position:fixed;bottom:0px;right:350px;width:90px;height:33px;padding:0pt 10px;z-index:300;}.iconup{z-index:299;position:fixed;bottom:3px;right:350px;min-width:90px;padding:0pt 10px;}.buat-perhatian{font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:11px;color:#333;}.buat-perhatian a{color:#3b5998}.buat-perhatian .per-bawah{width:250px;margin:auto;position:fixed;bottom:22px;left:110px;z-index:600}.buat-perhatian .dalem-perhatian h2{text-transform:none;color:white;font-size:14px;font-weight:bold;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;border-color:black;border-width:1px 1px 0;border-style:solid;margin:0;padding:5px 10px;}.buat-perhatian .dalem-perhatian .text-perhatian{border-radius:0px 0px 10px 10px;-webkit-border-radius:0px 0px 10px 10px;-moz-border-radius:0px 0px 10px 10px;color:#333;padding:10px;background-color:rgba(255,255,255,0.9);border:1px solid black;}.buat-perhatian .dalem-perhatian .bawah-pool{background-color:rgba(255,255,255,0.8);padding:8px 10px;margin-left:10px;margin-top:-2px;border:1px solid black;border-top:none;border-radius:0pt 0pt 100% 0pt;-moz-border-radius:0pt 0pt 100% 0pt;-wekit-border-radius:0pt 0pt 100% 0pt;position:relative;text-align:right;display:inline-block;}
#Stats1_content{text-align:center}#klik-bawah{position:fixed;z-index:299;width:200px;bottom:3px;left:210px;padding:0pt 10px;line-height:29px;overflow:hidden;height:30px;}#klik-bawah a{color:#D8DFEA;text-decoration:none}#klik-bawah-data{background:url("http://1.bp.blogspot.com/-hN-IoMIgYOA/UI1TFarsvqI/AAAAAAAAA2g/_j_8l-gaCZ4/s1600/folder-go-icon-SM.png") no-repeat scroll 2px 1px transparent; padding:2pt 2pt 2pt 24px;cursor:pointer;}#sukacoy{position:fixed;bottom:0px;right:450px;width:91px;height:33px;padding:0pt 10px;z-index:300;}#likebarucoy{z-index:299;position:fixed;bottom:5px;right:450px;min-width:92px;padding:0pt 10px;}#jam-ngisor{text-decoration:none;z-index:302;position:fixed;bottom:38px;right:55px;border-radius:4px;box-shadow:inset 0 1px 10px black;}.baru-baru{height:31px;width:29px;float:left;background-image:url(http://2.bp.blogspot.com/-fV8Nc5J_FkU/URCJCzwWiEI/AAAAAAAAB60/8_j41rX5A7c/s1600/pemberitahuan.png);background-position:2px -1px;background-repeat:no-repeat;}.baru-satu{font-size:9px;border-radius:2px;margin-left:-12px;margin-right:12px;background:red;color:white;padding:2px;float:left;}

/* Text And Heading */
h1{font-size:30px}
h2{font-size:24px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
h6{font-size:14px}
p{padding-bottom:13px}
h1.title a, p.title a{color:#800}
h1.title a:hover{color:#004a7a}
p.title{font-weight:bold; font:26px; text-align:center; margin:0; padding:6px 0 8px}
.post ul{margin:10px 0 10px 28px; list-style-type:disc}
.post ol{margin:0 0 13px 28px; list-style-type:decimal}
.post ul li, ol li{padding-bottom:3px}
.post table{border-collapse:collapse; margin:0 auto 10px;width:100%}
.post table, .post th, .post td{padding:5px 6px; border:1px solid #ccc; vertical-align:top}
.post th{background:#800; color:white}
.post td{background:#fcfcfc}
.post blockquote{background:#fafafa url(http://4.bp.blogspot.com/-k2AsfzkzLjI/UAowRhYlhMI/AAAAAAAAAs4/xk4XZNfnbZs/s1600/blockquote.gif) no-repeat 2px 2px; border-left:3px solid #800; text-align:left; font-style:regular; margin:10px 10px 10px 10px; padding:10px 10px 10px 20px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-style:normal; font-weight:normal}
img{max-width:100%}

/* Link */
a:link{color:#800; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}
a:visited{color:#800; text-decoration:none}
a:hover{color:#004a7a; text-decoration:none}
a.button{font-weight:bold; padding:2.5px; margin:5px; border-bottom:2px solid #800}
a.button:hover{border-bottom:2px solid #000}
.post h2.post-title a, .post h2.post-title a:visited, .post h1.post-title, .post h1.post-title a{color:#800}
.post h1.post-title, .post h1.post-title a:hover{color:#004a7a}
.post h2.post-title a:hover{color:#004a7a}



/* Post Body */
#posts {
float:left; width:100%; margin:0; padding:0
}
#box-posts {
padding:10px;margin:0; overflow:hidden; word-wrap:break-word
}
.thumb-post {
float:left;margin:2.5px 10px 10px 0px; padding:5px;width: 82.5px; height:82.5px; background: transparent; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; opacity:0.5;
filter:alpha(opacity=50); /* For IE8 And Earlier */
}
.thumb-post:hover {
-webkit-box-shadow: 0 0 10px #800; -moz-box-shadow: 0 0 10px #800; -o-box-shadow: 0 0 10px #800; -ms-box-shadow: 0 0 10px #800; box-shadow: 0 0 10px #800; opacity:1.0;
filter:alpha(opacity=100); /* For IE8 And Earlier */
}
.post{background:#fff; margin:0 0 0px 0; padding:10px; padding-bottom:0; border-bottom:none}
.post h1.post-title {
font-size:18px; font-weight:bold; margin:0 0 10px 0;
}
.post h2.post-title {
font-size:16px; font-weight:bold; margin:0 0 6px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.post-body {
font-family: Offside;
text-align: justify; line-height:normal;
margin:0; padding:0;
}
#blog-pager-newer-link {
float:left
}
#blog-pager-older-link {
float:right
}
.home {
width:80px; margin:0 auto; text-align:center;
}
#blog-pager  {
margin:5px; padding: 5px; text-align:center
}
.status-msg-wrap, .status-msg-border {
position:relative;
}
/* Sidebar */
#sidebar{display: none;
loat:right; width:35%; margin:0; padding:0}
#sidebar-wrapper{padding:0; margin:10px; overflow:hidden; word-wrap:break-word}
#sidebar-wrapper-bottom{padding:0; margin:10px; overflow:hidden; word-wrap:break-word}
#sidebar h2, #sidebar h3{font-size:16px; color:white; text-align:left; background:#800; padding:7px; margin:0}
#sidebar .widget-content{margin:0px 0px 10px 0px; background:#fff; padding:10px; border:1px solid #ddd; border-bottom-left-radius:5px; border-bottom-right-radius:5px}
#sidebar .widget-content ul li{list-style:none; border-bottom:1px dashed #ccc; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px}
#sidebar .widget-content ul li a{font-weight:bold; color:#800}
#sidebar .widget-content ul li a:hover{color:#004a7a}
/* Other */
.clear{clear:both}
.breadcrumbs{background:#fff; text-align:left; padding:5px; margin:0px; font-size:13px; line-height:1.4em; border-bottom:1px solid #ccc; border-top:1px solid #ccc}
.post-body ul li, .post-footer ul li{list-style-image:url(//2.bp.blogspot.com/-0E19QFl-m9g/UFakwjhWRFI/AAAAAAAAARA/npSmD-wpwSE/s1600/uncheck.gif)}
.post-body ul li:hover, .post-footer ul li:hover{cursor:pointer; list-style-image:url(//2.bp.blogspot.com/-fHORcBgPqaQ/UFakwrduqNI/AAAAAAAAAQ8/NVoKEcGvHb8/s1600/check.gif)}
/* Footer */
#footer{background:#800; color:#fff; text-align:center; height:auto; overflow:hidden; font-size:14px; padding:10px 10px 10px; margin:0}
#footer a{color:#fff}
#footer a:hover{color:gold}
#footer .right{float:right; text-align:right; overflow:hidden}
#footer .left{float:left; text-align:left; overflow:hidden}
/* NAVIGATION */
#navigation{height:38px;width:745px;position:relative;background-color:#393939;box-shadow:0 2px 6px 0 #ccc;-moz-box-shadow:0 2px 6px 0 #ccc;margin:0 auto 0;padding:0 18px 0 18px;border-bottom:3px solid #800;}#navigation li{position:relative;line-height:38px;float:left;list-style:none;display:inline-block;padding:0 0 0 0;margin:0 0 0 0;}#navigation li a{padding:0 14px;color:#eee;display:block;font-family:'Oswald',Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;text-align:left;text-shadow:1px 1px 0 #222;}
#navigation li a.homex{background-position:16px -54px;width:46px;padding:0 0;background-color:#800;text-indent:-9999px;overflow:hidden;}#navigation li a{border-left:1px solid #222;border-right:1px solid #454545}#navigation li:hover a{background-color:#800;color:#fff;}#navigation li .sub-nav-wrapper{display:block;position:absolute;z-index:30;margin-left:0px;}#navigation li .sub-nav-wrapper .sub-nav{width:150px;margin:4px 0 0 0;padding:0 0 0 0;background:#fff;border-top:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,0.35);}#navigation li:hover .sub-nav-wrapper{display:block;}#navigation li .sub-nav-wrapper .sub-nav li{list-style:none;float:none !important;line-height:26px;display:block;margin:0 0 0 0;padding:0;text-align:left;border-bottom:1px solid #d7d7d7;}#navigation li .sub-nav-wrapper .sub-nav li:first-child{}#navigation li .sub-nav-wrapper .sub-nav li:last-child{border:none;}#navigation li .sub-nav-wrapper .sub-nav li a{border:none !important;background:transparent !important;display:block;padding:0 20px;font-size:12px;font-weight:small;color:#4b4b4b !important;text-shadow:none;box-shadow:inset 0 0 2px rgba(255,255,255,1.0);-moz-box-shadow:inset 0 0 2px rgba(255,255,255,1.0);-webkit-box-shadow:inset 0 0 2px rgba(255,255,255,1.0);}#navigation li .sub-nav-wrapper .sub-nav li:hover{background:#eaeaea;border-bottom:1px solid #ccc;}#navigation li .sub-nav-wrapper{pointer-events:none;opacity:0;filter:alpha(opacity=0);top:0;transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;-webkit-transition:all 0.35s ease-in-out;}#navigation li:hover .sub-nav-wrapper{pointer-events:auto;opacity:1;filter:alpha(opacity=100);top:30px;}
#navigation #search{position:relative;font-family:'Oswald',Arial,Helvetica,sans-serif;float:right;margin: 5px 0px 5px 10px;}#navigation li.search{float:right;line-height:normal;}
#navigation #search input[type="text"]{font-family:'Oswald',Arial,Helvetica,sans-serif;height:28px;line-height:28px;background-color:#5b5b5b;background-position:188px -245px;border:0 none;font-size:14px;font-weight:500;color:#fff;width:120px;padding:0 10px;-webkit-transition:all 0.7s ease 0 s;-moz-transition:all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition:all 0.7s ease 0s;}
#navigation #search input#search-button{-webkit-transition:all 0.7s ease 0 s;-moz-transition:all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition:all 0.7s ease 0s;height:28px;width:30px;background-color:#4b4b4b;background-position:8px -246px;border:none;float:right;cursor:pointer;}#navigation #search input#search-button:hover{background-color:#800;}#navigation #search input[type="text"]:focus{background-color:#fff;text-shadow:none !important;outline:none;color:#555;}#navigation #search input#search-button,.homex{background-image:url("http://3.bp.blogspot.com/-60fYApN0j2M/Ub8uXOv4rNI/AAAAAAAACBs/6PDa4uu3cHk/s1600/csg-51bf2d6764c79.png");background-repeat:no-repeat;}
/* Scroll Pada Widget di Sidebar */
#PopularPosts1 .widget-content{ height:167px;  width:auto;  overflow:auto}
/* Scrollbar Keren */
::-webkit-scrollbar{background-color:#ddd}
::-webkit-scrollbar-thumb{background-color:#800}
::-webkit-scrollbar-thumb:active{background-color:#005f96}
::-webkit-scrollbar-button{background-color:#aaa}
::-webkit-scrollbar-button:active{background-color:#888}
::-webkit-scrollbar-button:disabled{background-color:#fb9521}
.comments .comment-block:target{border:3px double gold}
.comments .comment-thread.inline-thread .comment .comment-block:target{border:3px double gold}

/* Tombol Kecil */
#tombol {
margin-bottom:10px}
.tombol,.tombolkecil,.home-link{background-color:transparent;border:3px double #ccc;color:#ddd!important;cursor:pointer;font:bold 12px Offside,Sans-Serif;padding:3px 8px 3px 8px;text-shadow:0 -1px 0 rgba(0,0,0,0.3);white-space:nowrap;margin:0 0.2em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-transform:uppercase;font-weight:bold; line-height:3em}
.tombol:hover,.tombolkecil:hover{-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s;background-color:#333;color:#fff;box-shadow:inset 0.86em 0 0 rgba(255,0,0,0.5),inset 0 0.86em 0 rgba(252,0,0,0.5),inset -0.86em 0 0 rgba(252,0,0,0.5),inset 0 -0.86em 0 rgba(252,0,0,0.5)}
/* css button back to top */
#backtop { cursor:pointer; position:fixed !important; position:absolute; left:50%; bottom:-70px; z-index:999; background-color:#800; border:1px solid #333; -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333; width:30px; height:45px; overflow:hidden; text-indent:-999px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px }
#backtop::after { content:" " ; position:absolute; top:3px; left:8px; width:0; height:0; border-width:12px 7px; border-style:solid; border-color:transparent transparent #f7f7f7 transparent }

/* Delete Comment */
.item-control {
display : inline;
}
/* Footer 3 Column */
#footer-column-divide {
background:#800; color:#fff; font-size:14px; clear:both; display:none;
}
#footer-column-divide a {
color:#fff;
}
#footer-column-divide a:hover {
color:#333;
}
#footer-column-divide h2, #footer-column-divide h3 {
height:25px; font-size:16px; color:#fff; text-align:left; border-bottom: 2px solid #fff; padding:0px; margin:10px;
}
.footer-column {
padding: 10px;
}
.footer-column .widget-content {
padding: 10px;
}
/* Display None */
.icon-action, .quickedit, .jump-link {
display:none !important;
}
/* Memasukan gambar, video, catatan, kode, kode panjang pada komentar blogger */
#comment-holder .cm-youtube{ display:block;  border:none !important;  background-color:#333;  width:450px;  height:240px;  margin:0 auto 30px}
#comment-holder .cm-image{ display:block;  margin:0 auto 15px;  outline:none;  border:1px solid #ccc;  background-color:white;  -webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.2);  -moz-box-shadow:0px 1px 3px rgba(0,0,0,0.2);  box-shadow:0px 1px 3px rgba(0,0,0,0.2);  padding:5px;  max-width:96%;  height:auto;  width:auto}
code, #comment-holder code,
#comment-holder i[rel="code"]{ font:normal 12px Monaco,"Courier New",Monospace;  color:blue}
pre, #comment-holder pre,
#comment-holder i[rel="pre"]{ display:block;  font:normal 12px Monaco,"Courier New",Monospace;  background-color:#333;  color:white;  padding:0.5em 1em;  word-wrap:normal;  white-space:pre;  overflow:auto;  white-space:pre-wrap;  white-space:-moz-pre-wrap;  white-space:-pre-wrap;  white-space:-o-pre-wrap;  word-wrap:break-word}
blockquote, #comment-holder blockquote,
#comment-holder b[rel="quote"]{ display:block;  font-weight:bold;  font-style:italic}
#comment-holder i[rel="image"],
#comment-holder i[rel="youtube"]{ display:block;  overflow:hidden;  border:2px solid black;  position:relative;  width:170px;  height:100px;  margin:0 auto 30px}
#comment-holder i[rel="image"]:before,
#comment-holder i[rel="youtube"]:before{ content:"Please enable your JavaScript to see this image!";  position:absolute;  top:0;  right:0;  bottom:0;  left:0;  background-color:red;  color:white;  font-weight:bold;  text-align:center;  padding:15px 0}
#comment-holder i[rel="youtube"]:before{ content:"Please enable your JavaScript to watch this video!"}
/* Ieu Teh Infox Ceuk Bolot */
.infox { -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s }
.infox{ position:absolute; background-color:#800; background-position:6px 4px; background-repeat:no-repeat; background-image:url(""); width:30px; height:24px; min-height:24px;margin-top:13px; margin-left:0; text-indent:-9999px; z-index:10; overflow:hidden; padding:0; color:white; -moz-border-radius:0 3px 3px 0; -webkit-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; -moz-box-shadow:0 1px 1px rgba(0,0,0,0.63); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.63); -o-box-shadow:0 1px 1px rgba(0,0,0,0.63); box-shadow:0 1px 1px rgba(0,0,0,0.63); cursor:help; font-size:0 }
.infox div{font-size:11px}
.infox:hover{background-position:-20px 4px;width:100px;height:auto;text-indent:0;padding:5px}
.infox a{display:block;color:white;padding:2px;margin:2px 0;font-size:100%;text-shadow:none}
.post-author.vcard span,.d-header span{cursor:default}
.infox a:hover{color:gold}
.post-author.vcard,.d-header,.d-kmtr{padding:2px 0 2px 16px}
.infox:hover .post-author.vcard{ background-image:url(); background-position:0 50%; background-repeat:no-repeat }
.infox:hover .d-header{ background-image:url(); background-position:0 50%; background-repeat:no-repeat }
.infox:hover .d-kmtr{ background-image:url(""); background-position:-1px 50%; background-repeat:no-repeat }
.d-kmtr a{padding:0;margin:0}
/* Share di Postingan */
.fb_edge_widget_with_comment{width:95px}
#related-posts{float:left;width:100%;padding:0px 0 15px}
#related-posts .widget h2,#related-posts h2{font-size:16px;text-transform:none;margin:5px 0 5px;padding:0}
#related-posts a{color:#333;font:12px Offside}
#related-posts li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.2em;border-bottom:1px dashed #ddd;margin:0;padding:3px 0 3px 12px; list-style-image:none}
#related-posts a:hover{color:#2482d6;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}
#Attribution1 {height:0px;visibility:hidden;display:none}
/* Info, Tips, Warning (peringatan) */
.info, .tips, .warning {
line-height: 22px;
min-height: 38px;
padding: 10px 12px 12px 68px;
margin: 5px 0;
}
.info {
background: #e0e5eb url('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png') no-repeat 12px 8px;
color: #222
}
.tips {
background: #7CADDE url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png') no-repeat 12px 8px;
color: #fff;
}
.warning {
background: #db6161 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/s1600/warning.png') no-repeat 12px 8px;
color: #fff;
}
/* Responsive Satu Halaman */
@media only screen and (min-width:768px) and (max-width:860px){#wrapper{width:700px}
.post h2.post-title{white-space:normal}
#posts{width:100%; padding:0px}
#box-posts{width:100%; padding:0px}
#sidebar{width:100%; float:none}
#sidebar-wrapper{width:100%; float:none; margin:0}
#sidebar .widget-content(border-bottom-left-radius:0px; border-bottom-right-radius:0px)
.comments{padding:10px}
#comments{padding:10px}
.breadcrumbs{padding:8px 5px 5px 10px}
}
@media only screen and (min-width:18px) and (max-width:767px){#wrapper{width:100%}
#posts{width:100%; padding:0px}
#box-posts{width:100%; padding:0px}
#sidebar{width:100%; float:none}
#sidebar-wrapper{width:100%; float:none; margin:0}
#sidebar .widget-content(border-bottom-left-radius:0px; border-bottom-right-radius:0px)
.comments{padding:10px}
#comments{padding:10px}
}
@media only screen and (max-width:380px){.tombol, .tombolkecil, .home-link{display:none}
}
/* Responsive Menu dan Search */
@media only screen and (max-width:565px){#navigation {background-color:#eee; padding:0}
#navigation li{border-top:1px solid #800; float:none; display:block; width:100%}
#navigation, #navigation ul{height:auto}
#navigation {padding-bottom:2px}
#navigation li{border-top:1px solid #ccc; padding:0}
#navigation li a{color:#333; padding:0 1.2em; border:none}
#navigation li a:hover, #navigation li a:focus, #navigation li:hover>a{color:#f8f8f8}
#navigation>ul>li.submenu:before, #navigation>ul>li.submenu:after{display:block; pointer-events:none}
#navigation li.submenu{background-color:#dcdcdc}
#navigation li ul{position:static; width:auto}
#navigation li ul li, #navigation li ul li a{border:none}
#navigation li ul li a{border-top:1px solid #ccc; background-color:#f8f8f8}
#navigation li ul li a:active{background-color:white; color:inherit}
#navigation li .float-right{display:none}
#search input[type="text"]{width:100%; height:28px; max-width:100%; background:#800; right:0; top:0; padding-left:6px; position:relative}
.post{padding-bottom:10px}
}
.sticky {
position:fixed;
top:0px;/* jarak dari atas*/
z-index: 100;
}
/*-- Modifikasi Pesan Komentar--*/
#threaded-comment-form p {
position: relative;
background: #4085b8;
border: 3px solid #5899c9;
padding: 10px;
font-size: 11px;
line-height: 1.6em;
color: #fff;
margin-top: 10px;
font-size: 11px;border-radius:2px;
}
#threaded-comment-form p::after, #threaded-comment-form p::before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
#threaded-comment-form p::before {
border-top-color: #5899c9;
border-width: 15px;
left: 10%;
margin-left: -35px;
}
#threaded-comment-form p::after {
border-top-color: #4085b8;
border-width: 10px;
left: 10%;
margin-left: -30px
}



/* loading animation */
.custom-comments .custom-comment-editor-wrapper {background:transparent url('') no-repeat 50% 50%}
/* deleted comment */
.custom-comments .deleted-comment {font-style:italic;color:#aaa;}
/* comments paging control */
.custom-comments .paging-control-container{font-size:100%;display:block;float:none;width:auto;clear:both;border:1px solid #eee;padding:.5em 1em;overflow:hidden;}
/* Author Comments Style: Do whatever you want with this! */
.author-comment > .comment-item {}
.author-comment > .comment-reply {}


/* Next Page dengan Angka
----------------------------------------------- */
.showpageArea{
font-family:Nova Square, sans-serif;float:left;color:#555;font-size:11px;margin:10px 0;
}
.showpageArea a{
color:#555;text-shadow:none!important
}
.showpageNum a{
color:#555 !important;text-shadow:none !important;padding:5px 12px;margin:0 2px 0 0;border:1px solid #e8e8e8;background:#f8f8f8;
}
.showpageNum a:hover,.showpage:hover{
border:1px solid #b2b2b2;color:#555 !important;
}
.showpage{
margin:0 0 0 0;
}
.showpage a{
color:#555 !important
}
.showpage:hover a{
color:#555 !important;
}
.showpageOf,.showpage{
text-shadow:none!important;padding:5px 12px;margin:0 2px 0 0;border:1px solid #e8e8e8;background:#f8f8f8;
}
.showpagePoint{
background:#f8f8f8;padding:5px 12px;margin: 0 2px 0 0;border:1px solid #b2b2b2;
}



/* Content----------------------------------------------- */
@keyframes myfirst
 { from{opacity:0;}
 to{opacity:10;}}
@-moz-keyframes myfirst{ from{opacity:0;}
 to{opacity:10;} }
@-webkit-keyframes myfirst{ from{opacity:0;}
 to{opacity:10;} }
 .quickedit{display:none}
body {animation: myfirst 10s;-moz-animation: myfirst 10s;-webkit-animation: myfirst 10s;font: normal normal 11px 'lucida grande', tahoma, verdana, arial, sans-serif;color: rgb(239,224,175);
background: black url(http://3.bp.blogspot.com/-At7t77pEN0Y/UHFRsA3vSbI/AAAAAAAAAy0/Fj1M401F39Y/s320/body-santa.jpg) repeat-x fixed top center;
padding:0; margin:0; overflow-y:scroll; line-height:1.28; text-align:left; direction:ltr; unicode-bidi:embed; display:block;
-moz-background-size:100%; -webkit-background-size:100%; background-size:100%;}
html body .region-inner {min-width: 0;max-width: 100%;width: auto;}
.content-outer {font-size: 100%;}
a:link {text-decoration:none;color: #ffaa00;}
a:visited {text-decoration:none;color:#ffaa00 ;}
a:hover {text-decoration:underline;color: rgb(239, 224, 175);}
.content-outer {margin: 40px auto;}
.content-inner {padding: 0;}
/* Header----------------------------------------------- */
.header-outer {background-color:rgba(0,0,0,0.9);color: #ffffff;}
.Header img, .Header #header-inner {-moz-border-radius: 0;-webkit-border-radius: 0;-goog-ms-border-radius: 0;border-radius: 0;}
.header-inner .Header .titlewrapper,.header-inner .Header .descriptionwrapper {padding-left: 30px;padding-right: 30px;}
.Header .description {display:none;}
header{height:50px; margin:0; padding:0;}
.navbar{position:fixed; width:100%; height:30px; top:0; left:0;z-index:300;}
.header-outer{border-bottom:1px solid #131313; height:30px; min-width:981px; width:100%; z-index:300; left:0; top:0; position:fixed !important}
#header-inner{color:#ffffff; margin:0 0 0 10px; white-space:nowrap; overflow:hidden; background-position:center center}
.Header h1, .Header h1 a{color:greenyellow;text-shadow:10px 0px 12px green;cursor:help;height:31px; line-height:29px; padding:0; vertical-align:top;display:inline-block; font-weight:bold; text-decoration:none}
.header-inner .Header{float:left; margin-left:-6px; z-index:5; width:auto}
.header-inner .Header h1{padding:0pt 8px;font-size:11px;margin:0; height:31px; line-height:29px}
.header-inner .HTML .widget-content a,#header-inner img{height:31px; line-height:29px; padding:0; vertical-align:top; color:#D8DFEA; display:inline-block; font-weight:bold; text-decoration:none}
.header-inner .Header .description{display:none}
.header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper{padding:0}
.header-inner .widget{margin:0; padding:0; float:left}
.header-inner #HTML60{float:left}
.header-inner #HTML66{float:right}
/* Main----------------------------------------------- */
.main-outer {background: transparent none repeat scroll top center;-moz-border-radius: 0 0 0 0;-webkit-border-radius: 0 0 0 0;-webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 0;-webkit-border-bottom-left-radius: 0;-webkit-border-bottom-right-radius: 0;-goog-ms-border-radius: 0 0 0 0;border-radius: 0 0 0 0;-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .15);-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .15);-goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .15);box-shadow: 0 0 0 rgba(0, 0, 0, .15);}
.main-inner {
padding: 0 0 20px;
}
.main-inner .section{margin:0}
.main-inner .column-center-inner,
.main-inner .column-left-inner,
.main-inner .column-right-inner{padding:0; margin:0}
.main-inner .column-center-inner .section{margin:-27px 15px 0}
/* Posts
----------------------------------------------- */
h3.post-title {
margin: 0;
font-size: 16px;
font-family:Broadway;
font-weight:normal;
line-height:19px;
}
.date-header {
text-align:right;
}
.date-header span {
color: lightyellow;
font-size:80%;
}
.post-outer {
background-color: transparent;
border: solid 1px transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-goog-ms-border-radius: 0;
padding: 5px;
margin: 0 0 10px;
}
.post-body {background-color: rgba(0,0,0,0.4);line-height: 1.4;font-size: 110%;position: relative;overflow:hidden;padding: 10px;width: auto;box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;}
.post-header {margin: 0 0 1.5em;color: #999999;line-height: 1.6;}
.post-footer {margin: .5em 0 0;color: #999999;line-height: 1.6;}
/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.widget .post-body ul {
list-style: disc;
}
.widget .post-body ul li {
border: none;
}
/* CLASSES
----------------------------------------------- */
.transparent, .transparent7, .CustomSearch form.gsc-search-box, #fblike-profile{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
.transparent8, .transparent9{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8}
.bg-fit{-moz-background-size:100%; -webkit-background-size:100%; -goog-ms-background-size:100%; background-size:100%;}
.shadow, #gbr-pesbuk2{-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); -webkit-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); -goog-ms-box-shadow:1px 1px 5px rgba(0, 0, 0, .5); box-shadow: 1px 1px 5px rgba(0, 0, 0, .5)}
.shadow-header{-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .52); -moz-box-shadow: 0 0 2px rgba(0, 0, 0, .52); box-shadow: 0 0 2px rgba(0, 0, 0, .52)}
.textshadow-header, h3.post-title{text-shadow: -1px -1px 1px rgba(0, 0, 0, .2)}
.rocksalt, .grande h3{font-family:Rock Salt, Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size:14px;}
.grande, .post-body input, .post-body textarea, .post-body select{font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px;}
.schoolbell{font-family:Schoolbell,comic sans ms,lucida grande,tahoma,verdana,arial,sans-serif; font-size:13px}
.indie, h2{font-weight:normal;font-family:Indie Flower,comic sans ms,lucida grande,tahoma,verdana,arial,sans-serif}
.round3, .header-inner .HTML .widget-content a img, .post-body select, .post-body input, .post-body textarea, .profile-datablock, .Feed,.post-body{-moz-border-radius:3px; -webkit-border-radius:3px; -goog-ms-border-radius:3px; border-radius:3px}
.round7, #HTML3, .BlogArchive, .BlogList, #Stats1, .PopularPosts, .bunkus-coy .fb_ltr, .Followers,.post-outer{-moz-border-radius:7px; -webkit-border-radius:7px; -goog-ms-border-radius:7px; border-radius:7px}
.round-sabit{-moz-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; -webkit-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; -goog-ms-border-radius:0px 100px 0px 0px / 0px 30px 0px 0px; border-radius: 0px 100px 0px 0px / 0px 30px 0px 0px}
.black25, #huwashir, #parahu, .BlogArchive, .BlogList, .PopularPosts, #Stats1,.bunkus-coy .fb_ltr, .Followers, .profile-datablock, .Feed{box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;background-color:rgba(0,0,0,0.35)}
.black50,.post-outer{box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;background-color:rgba(0,0,0,0.5)}
.black70{background-color:rgba(0,0,0,0.7)}
.white50{background-color:rgba(255,255,255,0.5)}
.white80{background-color:rgba(255,255,255,0.7)}
.red25{background-color:rgba(255,100,100,0.25)}
.gambar-blogger{background:transparent url(http://static.ak.fbcdn.net/rsrc.php/v1/y3/r/YPFeM0EXezc.png) no-repeat scroll -170px -91px; height:16px; width:16px; display:inline-block; vertical-align:middle}
.tbl-google{color:white; font-size:11px; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; cursor:pointer}
.tbl-google i.left, .tbl-google i.right, .tbl-google b.center{background-image:url(http://www.google.com/friendconnect/scs/images/gfc_button_v2.gif); background-repeat:no-repeat; display:inline-block; width:22px; height:22px; margin:0; padding:0; vertical-align:middle}
.tbl-google i.left{background-position:top left}
.tbl-google i.right{background-position:0 -44px}
.tbl-google b.center{background-repeat:repeat-x; background-position:0 -22px; width:auto; height:16px; padding:3px}
.post-body pre,#kode{white-space:pre-wrap;word-wrap:break-word;padding:7px;cursor:text;border:1px inset black;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;text-align:left;overflow:auto}.post-body pre{font-family:verdana,arial,sans-serif;color:#8093c0;margin:5px auto}.post-body img{max-width:100%;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}.post-body select,.post-body input,.post-body textarea{cursor:pointer;padding:2px;border:1px solid transparent;background-color:#3c464a;color:#efe0af}.post-body input,.post-body textarea{border:1px solid #c3d3fd;background-color:#f6f7ef;color:#3c464a}.post-body select:focus,.post-body input:focus,.post-body textarea:focus{border:1px solid #e2c822;background-color:#fff9d7;color:#333}.post-body input:focus,.post-body textarea:focus{cursor:text}.post-body p{text-align:left;font-size:12px}.post-body center p{text-align:center}.post-body .fl{font-size:150%;line-height:1;color:#f0f;text-shadow:-1px -1px 1px rgba(0,0,0,.2);font-family:Dancing Script,verdana}.post-body q{color:#e9a360}.post-body i,.comments i{color:#70a3e9}.post-body b,.comments b{color:green;}.post-body strong{color:#c3d3c3}.post-body strike,.post-body del{color:#579365}.post-body code{color:#8C8}.post-timestamp{margin-left:0}.post-feeds,#blog1_backlinks-container h4{display:none} 
#credit-ngisor{z-index:10;background:black;position:fixed;bottom:0px;right:0px;height:33px;width:190px;}
/* Widgets
----------------------------------------------- */
.widget .zippy{text-shadow:2px 2px 1px rgba(0, 0, 0, .1)}
.widget .popular-posts ul, .Profile ul, .Feed ul{list-style:none}
.widget-content ul{padding:0}
.li-arsip, .PopularPosts .widget-content ul li, .BlogArchive #ArchiveList ul.posts li, .Profile ul li, .Feed ul li{padding:0; margin:0; width:auto}
.PopularPosts .widget-content ul li a, .item-title a, a.list-archive, a.team-blog-profile, ul.posts li a, .Profile ul li a{
display:block; padding:2px 7px; border:1px outset lightblue;
 text-indent:0px;
-moz-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;
color:#EFE0AF; margin-bottom:1px;
}
a.red25,  .Profile ul li a{background-image:none}
a.black25{background:url("http://1.bp.blogspot.com/-hN-IoMIgYOA/UI1TFarsvqI/AAAAAAAAA2g/_j_8l-gaCZ4/s1600/folder-go-icon-SM.png") no-repeat scroll 2px 1px rgba(0,0,0,0.35); padding:2pt 2pt 2pt 24px;}
ul.posts li a.red25,ul.posts li a.red25:visited{background-color:rgba(0,0,0,0.6)}
a.red25, .Profile ul li a{color:#E3E3E3}
.PopularPosts .widget-content ul li a:visited, .item-title a:visited, a.list-archive:visited, a.team-blog-profile:visited,
ul.posts li a:visited{
background-color:#4C565A; border:1px solid transparent; color:#CCCCCC;
}
.PopularPosts .widget-content ul li a:hover, .PopularPosts .widget-content ul li a:active, .PopularPosts .widget-content ul li a:focus, .item-title a:hover, a.list-archive:hover, a.list-archive:active,
a.list-archive:focus, a.team-blog-profile:active, a.team-blog-profile:focus,
ul.posts li a:hover, ul.posts li a:active, ul.posts li a:focus{
color:yellow; text-decoration:none; background-color:rgba(0,0,0,0.9);
}
.PopularPosts .widget-content ul li a:active, .PopularPosts .widget-content ul li a:focus, a.list-archive:active, a.list-archive:focus, a.team-blog-profile:active,
a.team-blog-profile:focus, ul.posts li a:active, ul.posts li a:focus{
border:1px solid transparent;
}
.widget{margin:0 0 20px 0}
.Profile img.profile-img, #fb-profile-pic img{height:auto; width:100%; display:block; float:none}
.Profile{margin-bottom:0; padding-bottom:0}
#ArchiveList .collapsed ul{display:block;}
#polower{padding-top:6px; margin-top:-6px}
.BlogArchive, .BlogList, .PopularPosts, .Followers{padding:5px; color:#E3E3E3}
.BlogArchive h2, .BlogList h2, .Blog h3.entry-title, .Followers h2.title{text-align:center; color:#E3E3E3}
.PopularPosts h2{display:none}
.Feed .item-title a{float:left; margin-bottom:0; -moz-border-radius:0 3px 7px 3px; -webkit-border-radius:0 3px 7px 3px;border-radius:0 3px 7px 3px}
.Feed .item-author{display:block; margin-bottom:5px; text-align:right; clear:left; font-size:10px}
a.tombol-download, a.tombol-download:visited{
  font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
  padding:2px 4px 2px 22px; margin:1px 3px 1px 1px;
  background:#ECEEF5 url(http://2.bp.blogspot.com/-LCk_8GEmjeY/UI1TbgGMgWI/AAAAAAAAA2s/uPCDPup6weQ/s320/arrow-down-icon-SM.png) no-repeat scroll 0px 0px;
  color:#3b5998; border:1px solid #cad4e7; font-size:11px; 
  line-height:14px; vertical-align:middle; text-indent:0px; 
  display:inline-block; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
  text-decoration:none; cursor:pointer; }
a.tombol-download{background:#ECEEF5 url(http://2.bp.blogspot.com/-LCk_8GEmjeY/UI1TbgGMgWI/AAAAAAAAA2s/uPCDPup6weQ/s320/arrow-down-icon-SM.png) no-repeat scroll 2px 1px;}
a.tombol-download:focus{ background-color:rgb(50,50,50); border-color:rgb(40,40,40); color:white;text-decoration:none;}
.Followers h2.title,#Stats1 h2{display:none;}


body .navbar,.home-link,.date-header,.icon-action,.status-msg-wrap,.widget-item-control,.feed-links,#skiplinks {display:none!important}
*,.Header .description,.section,.widget,.widget .post-body ul,.widget ul,.crosscol .Header h1,.footer .widget li,.BlogArchive #ArchiveList ul.flat li{margin:0;padding:0;outline:none}
.BlogArchive #ArchiveList ul li {padding-left:0;text-indent:0;line-height:1.1}

body{background:url("http://th02.deviantart.net/fs71/PRE/i/2011/246/d/4/black_angel_by_xanstey-d48para.jpg") no-repeat scroll 0 0 #000; background-position:bottom center; background-attachment:fixed; width:100%; margin:0; text-align:left; font-family:'Molengo',Trebuchet MS,Serif; font-size:14px; color:#fff; line-height:1.6em}
a{color:#ccc; text-decoration:none}
a:hover{color:#fff; text-decoration:none}
a.line-height:1.6em;{}
a img{border-width:0}
h1{font-size:40px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#ccc; padding:5px 0; margin:0; line-height:1.2}
h2{font-size:24px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}
h3{font-size:22px; font-family:'Molengo',Trebuchet MS,Serif;  font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}
h4{font-size:20px;  font-family:'Molengo',Trebuchet MS,Serif;  font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}
h5{font-size:18px;  font-family:'Molengo',Trebuchet MS,Serif;  font-weight:bold; color:#fff; padding:5px 0; margin:0; line-height:1.2}

/* Header */
#header-wrapper{ background:#0d0d0d; -moz-opacity: 1.0; opacity: 0.8; -khtml-opacity: 0.0; -moz-border-radius-bottomleft:30px; -moz-border-radius-bottomright:30px; border:1px solid #ccc; width:980px; height:120px; margin:0 auto 10px; padding:0px;}
#header{float:center; width:490px; margin:0; text-align:center; color:#006400}
#header h1{font-family:'Molengo',Trebuchet MS,Serif; font-size:48px; font-weight:bold; margin:0; padding:10px; text-decoration:blink; color:#ccc; transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); line-height:1.0em}
#header h1:hover{transform:rotate(3deg); -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg);}
#header a{color:#ccc; text-decoration:none}
#header a:hover{color:#006400;}
#header .description{font-size:14px; font-family:'Molengo',Trebuchet MS,Serif; font-weight:bold; color:#efefe3; margin:0; padding:0 10px; text-transform:none}
#header img{margin:0 auto}
#header-center{width:480px; float:center; padding:0; margin-top:10px}
.center{padding-right:10px; margin:0}

/* Bottom Menu */

#menu li a:hover, #menu li a:active{background:#0d0d0d; border:1px solid #ccc; border-radius:8px; color:#efefe3; margin:0px; padding:10px; text-decoration:none}
#menu li li a, #menu li li a:link, #menu li li a:visited{background:transparent; color:#efefe3; width:160px; font-weight:normal; float:none; margin:0; padding:7px 10px}
#menu li li a:hover, #menu li li a:active{background:#0d0d0d; color:#fff; padding:7px 10px}
#menu li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:160px; margin:0px; padding:0px}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul{left:auto}
#menu li:hover, #menu li.sfhover{position:static}

/* Posts */
h2.date-header{margin:1.5em 0 .5em; display:none}
.post{ margin-bottom:20px; padding:0}
.post-title{ opacity: 0.7; background:#050505; border:1px solid #ccc;-moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; font-family:'Molengo',Trebuchet MS,Serif; font-size:22px; margin-bottom:2px; padding:5px 10px 10px 10px; transform:rotate(-6deg); -moz-transform:rotate(-6deg); -webkit-transform:rotate(-6deg); -o-transform:rotate(-6deg); line-height:1.2em}
.post-title:hover{transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
.post-title a, .post-title a:visited, .post-title strong{display:block; color:#ccc}
.post-title strong, .post-title a:hover{color:#fff}
.post-body{opacity: 0.8; background:#000; border:1px solid #ccc;-moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; margin:0; padding:10px 10px 0 10px}
.post-body ul, .post-body ol{margin:0 0 10px 40px !important}
.post-body li{padding-bottom:5px}
.post blockquote{ overflow:auto; height:220px; background-position:-10px -7px; border: 1px dashed #ccc; margin: 10px; padding: 10px; background:#666; text-align: justify; line-height:1.4em; opacity:0.5; filter:alpha(opacity=40); this.style.opacity=6;border-radius:15px; -moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 10px #F70000}
.post blockquote:hover{color:#fff; font-size:15px; background:#666; opacity:0.9; filter:alpha(opacity=40); this.style.opacity=6;border-radius:15px; -moz-border-radius:5px; -webkit-border-radius:15px; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #33F;}
.post blockquote{ margin:1em 15px}
.post blockquote p{ margin:.75em 0}
.post img{border-radius: 8px; -o-transition: margin-left 1.5s ease-in 2s, margin-top 1.5s 2.5s, -o-transform 1.5s ease-out 1s, opacity 2s ease-in;
-moz-transition: margin 1.5s ease-in 2s, -moz-transform 1.5s ease-out 1s, opacity 2s ease-in; -webkit-transition:margin 1.5s ease-in 2s, -webkit-transform 1.5s ease-out 1s, opacity 2s ease-in; opacity: 0.6; transform:rotate(3deg); -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg); background:transparent; padding:4px}
.post img:hover { opacity: 1.0; -o-transform: rotate(0deg) scale(1.8) translate(35px, 10px);
-moz-transform: rotate(0deg) scale(1.8) translate(35px, 10px);
-webkit-transform: rotate(deg) scale(1.8) translate(35px, 10px);
-o-transition: margin-left 1.5s ease-in 0.1s, margin-top 1.0s, -o-transform 2.5s ease-out 1.4s, opacity 1s ease-in 1s;
-moz-transition: margin 1.5s ease-in 0.1s, -moz-transform 1.0s ease-out 1.4s, opacity 1s ease-in 1s;
-webkit-transition: margin 1.5s ease-in 0.1s, -webkit-transform 1.0s ease-out 1.4s, opacity 1s ease-in 1s;
}
.post-header{opacity: 0.7; background:url(http://2.bp.blogspot.com/_aAjcAMHOGT4/TLGL8aIxUaI/AAAAAAAAFGA/FWx8ppO5pG0/s1600/wrap.png) repeat-x; padding:5px 10px}
.post-footer{ margin:0; color:red; font-size:12px; padding:5px 10px; letter-spacing:.1em}
.post-share-buttons{overflow:hidden; float:right; padding-top:5px}
.post-comment-link{overflow:hidden; float:right}
.post-author, .post-timestamp{color:#FFA500; font-size:11px}
.post-comment-link{ float:right;  padding:0;  margin-left:10px;  width:50px;  height:30px;  text-align:right}
.post-comment-link a:link{ color:red}
.post-comment-link a:hover{ color:#fff}
/* Tabel */
table{margin:0 0 20px 0; text-align:center; width:100%}
tr th, thead th{background:#050505; font-weight:bold; line-height:18px; padding:10px 20px}
tr td{border:1px solid #0d0d0d; padding:5px 20px; text-align:center}
ul{list-style:square}
/* Sidebar */
.sidebar{padding:0; margin:0}
.sidebar h2{ background:#050505; border:1px solid #ccc;-moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; margin-bottom:2px; padding:8px 10px 10px 10px; color:#FFA500; font-family:'Molengo',Trebuchet MS,Serif; font-size:20px; transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg); font-weight:bold}
.sidebar h2:hover{transform:rotate(-3deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}
.sidebar ul{margin:0; padding:0}
.sidebar li{list-style:none; padding:4px 0; line-height:1.4em; margin:0; border-bottom:1px dashed #aaa;}
.sidebar .widget{ opacity: 0.7; margin-bottom:10px; padding:0}
.sidebar .widget-content{ background:#0d0d0d; border:1px solid #ccc; border-radius:8px; margin:0; padding:10px}
.main .Blog{border-bottom-width:0}
/* Bottom Wrap */
#bottom1, #bottom2{width:256px; float:left; margin-right:10px}
#bottom3{width:256px; float:left}
.feed-links{clear:both; line-height:2.5em}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager{clear:both; text-align:center}
/* Profile */
.profile-img{border: 8px solid #aaa; border-radius: 6px; box-shadow: 1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #F70000;
-moz-box-shadow: 1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #F70000;
-webkit-box-shadow: 1px 1px 1px #555, -1px -1px 1px #555, 0 0 8px #F70000;
-o-transition: margin-left 1.5s ease-in 2s, margin-top 1.5s 2.5s, -o-transform 1.5s ease-out 1s, opacity 2s ease-in;
-moz-transition: margin 1.5s ease-in 2s, -moz-transform 1.5s ease-out 1s, opacity 2s ease-in; -webkit-transition:margin 1.5s ease-in 2s, -webkit-transform 1.5s ease-out 1s, opacity 2s ease-in; background:transparent; float:left; margin:0 10px 5px 0; padding:0}
.profile-img:hover { opacity: 1.0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 1px 1px 1px #33F, -1px -1px 1px #33F, 0 0 16px #33F; margin: 40px 0px 20px 10px; -o-transform: rotate(1460deg) scale(1.8) translate(35px, 10px); -moz-transform: rotate(1460deg) scale(1.8) translate(35px, 10px); -webkit-transform: rotate(1460deg) scale(1.8) translate(35px, 10px); -o-transition: margin-left 1.5s ease-in 0.1s, margin-top 1.0s, -o-transform 2.5s ease-out 1.4s, opacity 1s ease-in 1s; -moz-transition: margin 1.5s ease-in 0.1s, -moz-transform 1.0s ease-out 1.4s, opacity 1s ease-in 1s; -webkit-transition: margin 1.5s ease-in 0.1s, -webkit-transform 1.0s ease-out 1.4s, opacity 1s ease-in 1s;}
.profile-data{color:red; margin:0; padding:0; letter-spacing:.1em; font-weight:bold}
.profile-datablock{margin:0}
.profile-textblock{margin:5px 0}
.profile-link{color:red; font-size:12px; letter-spacing:.1em}
/* Comment */
.comments{width:500px; float:left; overflow:hidden; margin:20px 0 10px; padding:10px 0; border-top:1px solid #ccc}
#comments h4{font-family:'Molengo',Trebuchet MS,Serif; font-size:20px; font-weight:bold; letter-spacing:.1em; text-shadow:1px 1px 2px #292820; color:#fff; margin:0 0 10px; padding:0; text-transform:uppercase}
#comments-block{max-height:300px; overflow:auto; solid:#FF0000; line-height:1.6em; margin:10px 0 0 0}
#comments-block .comment-author{margin:5px 0 0 20px; padding:5px 0; font-size:18px}
#comments-block .avatar-image-container img{border:none; float:right; margin:0}
#comments-block .avatar-image-container img{border:1px solid #050505; float:left; padding:0; margin:0; width:48px; height:48px; border-radius: 3px; -o-transition: margin-left 1.5s ease-in 2s, margin-top 1.5s 2.5s, -o-transform 1.5s ease-out 1s, opacity 2s ease-in;
-moz-transition: margin 1.5s ease-in 2s, -moz-transform 1.5s ease-out 1s, opacity 2s ease-in; -webkit-transition:margin 1.5s ease-in 2s, -webkit-transform 1.5s ease-out 1s, opacity 2s ease-in; opacity: 0.6; transform:rotate(3deg); -moz-transform:rotate(3deg); -webkit-transform:rotate(3deg); -o-transform:rotate(3deg);}
#comments-block .avatar-image-container img:hover{ opacity: 1.0; -o-transform: rotate(0deg) scale(1.8) translate(35px, 10px);
-moz-transform: rotate(0deg) scale(1.8) translate(35px, 10px);
-webkit-transform: rotate(deg) scale(1.8) translate(35px, 10px);
-o-transition: margin-left 1.5s ease-in 0.1s, margin-top 1.0s, -o-transform 2.5s ease-out 1.4s, opacity 1s ease-in 1s;
-moz-transition: margin 1.5s ease-in 0.1s, -moz-transform 1.0s ease-out 1.4s, opacity 1s ease-in 1s;
-webkit-transition: margin 1.5s ease-in 0.1s, -webkit-transform 1.0s ease-out 1.4s, opacity 1s ease-in 1s;}
#comments-block .avatar-image-container.avatar-stock img{background:url(http://2.bp.blogspot.com/_aAjcAMHOGT4/TLsjMrwikII/AAAAAAAAFNs/kErRNHVNKI0/s1600/unknown.png) no-repeat center; border:2px solid #ccc}
#comments-block.avatar-comment-indent dd{margin-left:20px}
#comments-block .comment-body{margin:0; padding:5px 0}
#comments-block .comment-footer{font-size:12px; text-align:left; margin:0 0 20px; padding:0; border-bottom:1px solid #ccc}
#comments-block .comment-body p{margin:0; padding:0}
.deleted-comment{font-style:italic; color:gray}
/* Credit */
.creditlink {
width: 980px;
margin:10px auto;
padding: 10px 0;
text-align:center;
color:black;
clear:both;
}

    #Attribution1 {
    height:0px;
    visibility:hidden;
    display:none
    }

#ib-form iframe{
background:#ffffff; -moz-opacity: 1.0; opacity: 0.8; -khtml-opacity: 0.0; no-repeat bottom right;
    border:7px solid #000000; -moz-opacity: 1.0; opacity: 0.8; -khtml-opacity: 0.0;
    padding:5px;
    font:normal 12pt "ms sans serif", Arial;
    color:#7EB2AC;
    width:95%;height:250px;}
#ib-form iframe:hover{
background:#0d0d0d; -moz-opacity: 1.0; opacity: 0.8; -khtml-opacity: 0.0; no-repeat bottom right;
    border:7px solid #ffffff; -moz-opacity: 1.0; opacity: 0.8; -khtml-opacity: 0.0;}
    #ib-form a{
    color:#7EB2AC;}

.comments2{color: #613838;}.comments2:hover{font-family:Georgia,Century gothic,Arial,Helvetica,sans-serif;text-shadow: 0 0 3px #000000, 0 -5px 4px #ff3, 2px -6px 6px #fd3, -2px -8px 9px #f40, 2px -10px 10px #f10;}
.commenthidden {display:none}
.commentshown {display:inline}

.author-comments {
background: #333333;
border: 2px solid #666666;
padding: 5px;
}


/* Custom
* ------------------ */
body#layout{
max-width:100%;
}
body#layout #header-wrapper {
height:100px;
}
body#layout #logo {
left:0;
top:15px;
}
.navbar {
display:none
}
.widget {
margin:0;
padding:0
}
.clearfix:after{
clear:both;
content:" ";
display:block;
font-size:0;
height:0;
visibility:hidden
}
* html .clearfix,:first-child+html .clearfix{
zoom:1
}
.clear {
display:block;
clear:both;
float:none;
border:none;
font-size:0;
height:0;
overflow:hidden;
margin:0;
padding:0
}



/*--  START PANEL SLIDE START--*/
#navigation{text-align:center;padding:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-family:Broadway;font-size:16px;font-weight:bold;width:auto;z-index:4;}#navigation a{cursor:default;text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;background:rgba(80,80,80,0.4);text-decoration:none;color:#BCCFEF;display:inline-block;padding:2px 15px;position:absolute;right:10px;font:normal normal 14px/12px Verdana,Arial,Sans-Serif;border:1px solid gray;  -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2); -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;  -webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;}#navigation a:hover{background-color:#DA4D4B; -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);}.sledjrswirogas{cursor:move;opacity:0;top:0px;min-width:500px;width:auto;position:fixed;margin-left:-102%;z-index:1111;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.sledjrswirogas:target{opacity:1;margin-left:14.5em;top:100px;}
.jrswirogas{background:rgba(0,0,0,0.7);box-shadow:inset 0px 2px 12px lightblue;-moz-box-shadow:inset 0px 2px 12px lightblue;-webkit-box-shadow:inset 0px 2px 12px lightblue;-o-box-shadow:inset 0px 2px 12px lightblue;border-radius:0pt 0px 10px 10px;-moz-border-radius:0pt 0px 10px 10px;-webkit-border-radius:0pt 0px 10px 10px;-o-border-radius:0pt 0px 10px 10px;padding-bottom:30px;}
.content{padding-bottom:25px;}
.fb_iframe_widget iframe{position:relative}
html body .list-archive2{-moz-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;-goog-ms-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;display:inline-block; padding:3px 5px 0;text-decoration:none}
html body .list-archive2-pasip{background-image:rgba(0,0,0,0.5);border:1px solid #333333;border-bottom:none;cursor:pointer;color:#999999}
html body .list-archive2-pasip:hover{background-color:rgba(0,0,0,0.5);border-color:#999999;border-bottom:none;color:#cccccc}
html body .list-archive2-aktip{background-color:rgba(0,0,0,0.5);border:1px outset #999999;border-bottom:none;cursor:default;color:yellow}
.post-comment-link a.comment-link, strong.tombol, .tombol, a.tombol, a.tombol:visited, .post-header-line-line a.tombol-fb, a.tbl-hjr, p.comment-footer a, p.comment-footer a:visited{text-indent:0px; color:black; padding:0 5px; display:inline-block; border:1px solid black; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;margin:1px; text-decoration:none; cursor:pointer; background-color:#FFFFEE; background-image:url(http://www.deltechcorp.com/deltech02/brazil10/picts/menu.gif)}
.post-comment-link a.comment-link:hover, .tombol:hover, p.comment-footer a:hover, a.tombol:hover{color:darkred; text-decoration:none; border:1px solid green}
#blog-pager-newer-link{z-index:299;position:fixed;bottom:0px;left:20px;}#blog-pager-older-link{z-index:299;position:fixed;bottom:0px;left:50px;}#blog-pager{overflow:hidden;}
#Stats1{margin-top:-2px;}
#BlogArchive1{margin-top:-10px;}


/* Posts
----------------------------------------------- */
h3.post-title {
margin: 0;
font-size: 16px;
font-family:Broadway;
font-weight:normal;
line-height:19px;
}
.date-header {
text-align:right;
}
.date-header span {
color: lightyellow;
font-size:80%;
}
.post-outer {
background-color: transparent;
border: solid 1px transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-goog-ms-border-radius: 0;
padding: 5px;
margin: 0 0 10px;
}
.post-body {background-color: rgba(0,0,0,0.4);line-height: 1.4;font-size: 110%;position: relative;overflow:hidden;padding: 10px;width: auto;box-shadow:0px 2px 8px 0px lightblue;-moz-box-shadow:0px 2px 8px 0px lightblue;-webkit-box-shadow:0px 2px 8px 0px lightblue;-o-box-shadow:0px 2px 8px 0px lightblue;}
.post-header {margin: 0 0 1.5em;color: #999999;line-height: 1.6;}
.post-footer {margin: .5em 0 0;color: #999999;line-height: 1.6;}
/* Widgets
----------------------------------------------- */
.widget ul, .widget #ArchiveList ul.flat {
padding: 0;
list-style: none;
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.widget .post-body ul {
list-style: disc;
}
.widget .post-body ul li {
border: none;
}

/* ---------------------------------Blocks----------------------------------------------- */
.catatan {display:block;text-align:left;background-color:#FFFAC1;font:italic normal 14px Georgia,Serif;color:#222;position:relative;margin:10px 7% 1.7em 7%;padding:20px 30px;text-shadow:none;}
.catatan:before {content:"";width:100%;height:4px;background-color:#4b8db5;background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);position:absolute;top:0;left:0;}
/* ---------------------------------Tampilan----------------------------------------------- */
#styleSwitcher {border:none;margin:0 0;padding:0 0;width:98%;text-align:left;font:normal 11px Tahoma,Arial,Sans-Serif;border-collapse:collapse;background-color:rgba(0,0,0,0.35);box-shadow:0px 2px 8px 0px lightblue;border-radius:6px;}
#styleSwitcher th,
#styleSwitcher td {vertical-align:middle;border:none !important;padding:2px 10px;}
#styleSwitcher select,
#styleSwitcher input[type="text"] {width:130px;border:1px solid #bbb;background-color:#333;padding:2px;font:bold 11px Tahoma,Verdana,Arial,Sans-Serif;color:#999;display:block;margin:0 0 0;height:24px;}
#styleSwitcher select option {color:white;padding:5px 10px;cursor:pointer;}
#styleSwitcher button {font:normal 11px Tahoma,Arial,Sans-Serif;padding:3px 5px;cursor:pointer;}
#styleSwitcher #bgColorer {overflow:hidden;text-align:center;}
#styleSwitcher #bgColorer span {display:inline-block;width:20px;height:20px;border:1px solid black;margin:0 5px 0 0;cursor:pointer;}
#styleSwitcher input[type="text"] {width:118px !important;padding:4px !important;height:auto !important;}
/* ------------------------------------Buttons-------------------------------------------- */
.right-buttons {position:relative;top:-1px;right:10px;font:0/0 a;text-shadow:none;}
.right-buttons a {display:block;float:left;margin:0 0 0 -1px;width:26px;height:16px;border:1px solid gray;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);text-decoration:none;position:relative;cursor:default;-webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;}
.right-buttons a:after {content:"";display:block;position:absolute;}
.right-buttons .minimize-btn {-webkit-border-radius:0 0 0 3px;-moz-border-radius:0 0 0 3px;border-radius:0 0 0 3px;}
.right-buttons .minimize-btn:after {right:7px;bottom:4px;left:7px;height:3px;background-color:#BCCFEF;border:1px solid #233656;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.right-buttons .maximize-btn:after {top:4px;right:8px;bottom:4px;left:8px;border:2px solid #BCCFEF;-webkit-box-shadow:0 0 0 1px #233656,inset 0 0 0 1px #233656;-moz-box-shadow:0 0 0 1px #233656,inset 0 0 0 1px #233656;box-shadow:0 0 0 1px #233656,inset 0 0 0 1px #233656;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;}
.right-buttons .close-btn {-webkit-border-radius:0 0 3px 0;-moz-border-radius:0 0 3px 0;border-radius:0 0 3px 0;}
.right-buttons .close-btn {width:42px;}
.right-buttons .close-btn:after {content:"x";font:normal normal 14px/13px Verdana,Arial,Sans-Serif;color:#BCCFEF;text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;top:0;right:0;bottom:0;left:0;text-align:center;}
.right-buttons a:hover {background-color:#8BAEE4;-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);}
.right-buttons a.close-btn:hover {background-color:#DA4D4B;}
.right-buttons a.maximize-btn:hover {background-color:green;}
.right-buttons a.minimize-btn:hover {background-color:yellow;}
.right-buttons .minimize-btn:hover:after {background-color:white}
.right-buttons .maximize-btn:hover:after {border-color:white}
.right-buttons .close-btn:hover:after {color:white}
/* --------------------------------Widgets----------------------------------------------- */
.widget .zippy{text-shadow:2px 2px 1px rgba(0, 0, 0, .1)}
.widget .popular-posts ul, .Profile ul, .Feed ul{list-style:none}
.widget-content ul{padding:0}
.li-arsip, .PopularPosts .widget-content ul li, .BlogArchive #ArchiveList ul.posts li, .Profile ul li, .Feed ul li{padding:0; margin:0; width:auto}
.PopularPosts .widget-content ul li a, .item-title a, a.list-archive, a.team-blog-profile, ul.posts li a, .Profile ul li a{
display:block; padding:2px 7px; border:1px outset lightblue;
text-indent:0px;
-moz-border-radius:0 0 7px 7px; border-radius:0 0 7px 7px;-webkit-border-radius:0 0 7px 7px;
color:#EFE0AF; margin-bottom:1px;
}
a.red25,  .Profile ul li a{background-image:none}
a.black25{background:url("http://1.bp.blogspot.com/-hN-IoMIgYOA/UI1TFarsvqI/AAAAAAAAA2g/_j_8l-gaCZ4/s1600/folder-go-icon-SM.png") no-repeat scroll 2px 1px rgba(0,0,0,0.35); padding:2pt 2pt 2pt 24px;}
ul.posts li a.red25,ul.posts li a.red25:visited{background-color:rgba(0,0,0,0.6)}
a.red25, .Profile ul li a{color:#E3E3E3}
.PopularPosts .widget-content ul li a:visited, .item-title a:visited, a.list-archive:visited, a.team-blog-profile:visited,
ul.posts li a:visited{
background-color:#4C565A; border:1px solid transparent; color:#CCCCCC;
}
.PopularPosts .widget-content ul li a:hover, .PopularPosts .widget-content ul li a:active, .PopularPosts .widget-content ul li a:focus, .item-title a:hover, a.list-archive:hover, a.list-archive:active,
a.list-archive:focus, a.team-blog-profile:active, a.team-blog-profile:focus,
ul.posts li a:hover, ul.posts li a:active, ul.posts li a:focus{
color:yellow; text-decoration:none; background-color:rgba(180,0,0,0.9);
}
.PopularPosts .widget-content ul li a:active, .PopularPosts .widget-content ul li a:focus, a.list-archive:active, a.list-archive:focus, a.team-blog-profile:active,
a.team-blog-profile:focus, ul.posts li a:active, ul.posts li a:focus{
border:1px solid transparent;
}
.widget{margin:0 0 20px 0}
.Profile img.profile-img, #fb-profile-pic img{height:auto; width:100%; display:block; float:none}
.Profile{margin-bottom:0; padding-bottom:0}
#ArchiveList .collapsed ul{display:block;}
#polower{padding-top:6px; margin-top:-6px}
.BlogArchive, .BlogList, .PopularPosts, .Followers{padding:5px; color:#E3E3E3}
.BlogArchive h2, .BlogList h2, .Blog h3.entry-title, .Followers h2.title{text-align:center; color:#E3E3E3}
.PopularPosts h2{display:none}
.Feed .item-title a{float:left; margin-bottom:0; -moz-border-radius:0 3px 7px 3px; -webkit-border-radius:0 3px 7px 3px;border-radius:0 3px 7px 3px}
.Feed .item-author{display:block; margin-bottom:5px; text-align:right; clear:left; font-size:10px}
a.tombol-download, a.tombol-download:visited{
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
padding:2px 4px 2px 22px; margin:1px 3px 1px 1px;
background:#ECEEF5 url(http://2.bp.blogspot.com/-LCk_8GEmjeY/UI1TbgGMgWI/AAAAAAAAA2s/uPCDPup6weQ/s320/arrow-down-icon-SM.png) no-repeat scroll 0px 0px;
color:#3b5998; border:1px solid #cad4e7; font-size:11px;
line-height:14px; vertical-align:middle; text-indent:0px;
display:inline-block; -moz-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
text-decoration:none; cursor:pointer; }
a.tombol-download{background:#ECEEF5 url(http://2.bp.blogspot.com/-LCk_8GEmjeY/UI1TbgGMgWI/AAAAAAAAA2s/uPCDPup6weQ/s320/arrow-down-icon-SM.png) no-repeat scroll 2px 1px;}
a.tombol-download:focus{ background-color:rgb(50,50,50); border-color:rgb(40,40,40); color:white;text-decoration:none;}
.Followers h2.title,#Stats1 h2{display:none;}
/*--  Start Menu Baru--*/
#jantung-windows{display:none;overflow:hidden;width:100%;height:100%;top:0;left:0;margin:0;padding:0;   min-width:900px;position:fixed;z-index:301;
background-color:#222;
background-image:-webkit-radial-gradient(50% 50%,#333,#111);
background-image:-moz-radial-gradient(50% 50%,#333,#111);
background-image:-ms-radial-gradient(50% 50%,#333,#111);
background-image:-o-radial-gradient(50% 50%,#333,#111);
background-image:radial-gradient(50% 50%,#333,#111);
}
#start-dalam{position:relative;top:35%;width:100%;height:100%}
#daftar-isi-body{width:900px; height:600px!important; margin-top:60px; margin:0 auto} #daftar-isi-wrap{ margin:0 auto} .box-posting{ background-image:transparent; background-position:bottom center; background-repeat:no-repeat; overflow:hidden; cursor:pointer; float:left; height:140px; width:290px; margin:-80px 0 0 0} .box-posting img{ height:30px; width:30px; float:left; margin:20px 0 0 25px; border:1px solid #E1E4E6} .box-posting .judul-posting{ float:left; height:35px; margin:0; width:280px} .box-posting .judul-posting a{color:rgba(255,255,255,.5);margin:-30px 0 0 70px; display:block; font-size:13px !important; line-height:18px!important; font-weight:bold !important} .box-posting .judul-posting a:hover{text-decoration:none;color:white!important} .box-posting:hover{ border-left-color:#C6EB04} #totales{ text-align:center; color:#fff !important; text-shadow:0 1px rgba(0,0,0,0.2)} #loadingscript{ color:#fff; font-family:Century Gothic; font-size:50px;text-align:center; text-shadow:-5px 0 1px #444} #paginacion{ color:#fff; font-size:24px; font-weight:bold; height:35px; line-height:28px; padding:0; margin:0 auto; text-align:center} #paginacion span,#paginacion a{ background:#fff; display:inline-block; font-size:13px !important; line-height:24px; font-weight:bold; margin:0 1px; width:25px; height:25px}#paginacion a,#paginacion span.actual{ background:#fff; background-position:top center; background-repeat:no-repeat; color:#250700 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.1)} #paginacion span.actual{background:gray;color:black} #paginacion a:hover{ background:gray;text-decoration:none;} #paginacion .nextprev-link, #paginacion span.nextprev-link{ border:none; color:#250700 !important; text-shadow:0px 1px 0px rgba(255,255,255,0.1); width:100px; background:#fffff}
#loadhalaman1 {position:fixed;bottom:0px;right:8px;z-index:9999;width:30px;height:30px;display:none;}
#loadhalaman2 {position:fixed;top:0px;right:8px;z-index:9999;width:30px;height:30px;display:none;}
.emoWrap {color:greenyellow;font:bold 12px Tahoma,Arial,Sans-Serif;text-align:center;}
img.emo, input.emoKey {display:inline-block;display:inline;vertical-align:middle;}
input.emoKey {border:1px solid #ccc;background-color:white;font:bold 11px Arial,Sans-Serif;padding:1px 2px;margin:0px 0px 0px 2px;color:black;}
 



/*CSS-Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
#navbar-iframe, .icon-action, .quickedit {height:0px;visibility:hidden;display:none}
/*font*/
@font-face {font-family: 'Coda';font-style: normal;font-weight: 400;src: local('Coda'), local('Coda-Regular'), url(http://themes.googleusercontent.com/static/fonts/coda/v7/A7A0IS2-4Ga-ZdxhMlAPjg.woff) format('woff');}

/*Download Button*/
#download_area {width:97%; margin:0px auto;text-align: center}
#download_area a, #download_area a:hover, #download_area a:visited{color:rgb(230, 230, 230); text-decoration:none; border-bottom:none;}
#download_area p {font-style:italic;font-size:12px;}
.tombol, .tombol-download{display: inline-block;white-space: nowrap;background-color: rgb(40, 40, 40);background-image: none;border-width: 1px;border-style: solid;border-right: 1px solid rgba(255, 255, 255, 0.03);border-left: 1px solid rgba(255, 255, 255, 0.03);border-image: none;border-color: rgba(255, 255, 255, 0.04) rgba(255, 255, 255, 0.03) rgb(34, 34, 34);padding: 0 1.5em;margin: 0.5em;font: 1em/2em 'Coda', Cursive;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);text-transform:uppercase;-webkit-transition: all 0.1s linear 0s;-moz-transition: all 0.1s linear 0s;-o-transition: all 0.1s linear 0s;transition: all 0.1s linear 0s;}
.tombol:hover, .tombol-download:hover{background-color: rgb(45, 45, 45);-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0px px 4px rgba(0, 0, 0, 0.7);box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);}
.tombol:active, .tombol-download:active{-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;position: relative;top: 1px;}
.tombol:focus, .tombol-download:focus{outline: 0;background-color: rgba(255, 0, 0, 0.5);}    
.tombol:before, .tombol-download:before{background: #000;background: rgba(0,0,0,.1);float: left;width: 1em;text-align: center;font-size: 1.5em;margin: 0 1em 0 -1em;padding: 0 .2em;-moz-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-webkit-box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);box-shadow:1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,0.03);-moz-border-radius:.15em 0 0 .15em;-webkit-border-radius:.15em 0 0 .15em;border-radius:.15em 0 0 .15em;pointer-events: none;content: "\279C";color:rgb(45, 166, 223);}
/*postsnippet*/
.post-thumbnail{background:url(http://1.bp.blogspot.com/-d3sFnPFy4-w/UDmpw0JBI5I/AAAAAAAABXM/VhCBxFAQaEM/s1600/loading.gif) no-repeat center #222;width:72px;height:72px;float:left;margin:0px 8px 0px 0px;border:2px solid transparent;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.post-snippet{font-size:11px;}
.post-snippet:before{content:attr(data-snippet);}
.newsfea{margin:0px;padding:7px 10px;font:13px Oswald;color:#193250;border-bottom:1px solid #c3c3c3;text-transform:uppercase;text-shadow:1px 1px 1px #ccc}
.readmorecontent{text-align:right;width:140px;float:right;margin-top:10px;display:none}
.readmorecontent a{color:rgb(16, 16, 16);text-decoration:none;font-size:13px;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
.readmorecontent a:hover{color:rgb(217, 30, 118); text-decoration:none;}
.infopost {color: rgb(153, 153, 153);font-size: 10px;display:none;}
/*Blog Pager*/
#blog-pager {clear: both;display: block;text-align: center;margin: 0px;height: 30px;font-size:12px;}
#blog-pager-newer-link, #blog-pager-older-link {background: none repeat scroll 0% 0% rgb(40, 40, 40);border: 1px solid rgb(51, 51, 51);padding: 0px 5px;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.7);-webkit-transition: all .05s linear;-moz-transition: all .05s linear;-o-transition: all .05s linear;transition: all .05s linear;}
#blog-pager-newer-link:hover, #blog-pager-older-link:hover {box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);background: none repeat scroll 0% 0% rgb(35, 35, 35);border: 1px solid rgb(51, 51, 51);}
#blog-pager-newer-link {margin: 5px 0px 0px 6px;float: left;}
#blog-pager-older-link {margin: 5px 6px 0px 0px;float: right;}
#blog-pager-newer-link a, #blog-pager-newer-link a:hover, #blog-pager-newer-link a:visited {color: rgb(230, 230, 230);text-decoration:none;}
#blog-pager-older-link a, #blog-pager-older-link a:hover, #blog-pager-older-link a:visited {color: rgb(230, 230, 230);text-decoration:none;}
.home-link{display:none}
.feed-links {clear:both;line-height:2.5em;}
/*Menu Wrapper*/
#menu-wrapper {position:fixed;bottom:0;z-index:999;width:100%;height:30px;background:rgb(34, 34, 34);border-bottom: 1px solid rgb(51, 51, 51);border-top: 1px solid rgb(51, 51, 51);box-shadow: 0px 1px rgb(0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0.4);margin:0px auto;padding:0px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
#menu-wrapper2 {display:none;position:fixed;bottom:32px;z-index:999;width:100%;height:30px;background:rgb(22, 83, 117);border-bottom: 1px solid rgb(24, 111, 133);border-top: 1px solid rgb(24, 111, 133);box-shadow: 0px 1px rgb(0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0.4);margin:0px auto;padding:0px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
#menu-wrapper3 {position:fixed;top:0;z-index:999;width:100%;height:16px;margin:0px auto;padding:0px;}
#menu,#menu2 {width: 800px;height:30px;font-family: 'Agency FB';font-size:16px;font-weight: 700;letter-spacing: 1px;margin:0px auto;text-transform:uppercase;padding:0px;animation:menubar .8s;-moz-animation:menubar .8s; -webkit-animation:menubar .8s;}
#menu3 {width: 715px;height:16px;background:rgb(22, 83, 117);border-bottom: 1px solid rgb(24, 111, 133);border-top: 1px solid rgb(24, 111, 133);box-shadow: 0px 1px rgb(0, 0, 0), 0px 2px 1px rgba(0, 0, 0, 0.4);border-bottom-right-radius:4px;border-bottom-left-radius:4px;font-family: Arial;font-size:12px;font-weight: bold;letter-spacing: 1px;margin:0px auto;padding:0px;animation:menubar .8s;-moz-animation:menubar .8s; -webkit-animation:menubar .8s;}
#menu ul, #menu2 ul, #menu3 ul{height:auto;padding: 0;margin: 0;list-style: none;float:right}
#menu ul li, #menu2 ul li, #menu3 ul li{float: left;position: relative;padding:0 10px;margin: 0;border-right: 1px solid rgb(51, 51, 51);box-shadow: 1px 0px 0px rgb(20, 20, 20)}
#menu ul li:last-child, #menu2 ul li:last-child, #menu3 ul li:last-child{float: left;position: relative;margin: 0;}
#menu ul li ul, #menu2 ul li ul, #menu3 ul li ul{position: relative;z-index: 111;}
#menu ul li ul li, #menu2 ul li ul li, #menu3 ul li ul li{width: 100%;background:rgb(14, 14, 14);}
#menu ul li a, .menu ul li a:visited, #menu2 ul li a, .menu2 ul li a:visited{display: block;text-decoration: none;width: 100%;height: 30px;text-align: center;line-height: 30px;overflow: hidden;color: rgb(207, 204, 204);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
#menu3 ul li a, .menu3 ul li a:visited{display: block;text-decoration: none;height: 16px;text-align: center;line-height: 16px;overflow: hidden;color: rgb(207, 204, 204);}
#menu ul li a:hover, #menu2 ul li a:hover, #menu3 ul li a:hover{color:#fff;text-shadow:0pt 0pt 2px rgb(255, 255, 255);}
#menu ul li ul, #menu2 ul li ul, #menu3 ul li ul{display: none;}
#menu ul li:hover ul, #menu2 ul li:hover ul, #menu3 ul li:hover ul{display: block;position: absolute;top: 30px;left: 0;width: 100%;}
#menu ul li:hover ul li ul, #menu2 ul li:hover ul li ul, #menu3 ul li:hover ul li ul{display: none;}
#menu ul li:hover ul li a, #menu2 ul li:hover ul li a, #menu3 ul li:hover ul li a {display: block;color: #999;-webkit-transition: text-shadow .2s linear;-moz-transition: text-shadow .2s linear;-o-transition: text-shadow .2s linear;transition: text-shadow .2s linear;}
#menu ul li:hover ul, #menu2 ul li:hover ul, #menu3 ul li:hover ul{border-bottom:1px solid rgb(10, 10, 10);border-right:1px solid rgb(10, 10, 10);border-left:1px solid rgb(10, 10, 10);border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-left: -1px;box-shadow: 0 8px 6px -6px black;}
#menu ul li:hover ul li a:hover, #menu2 ul li:hover ul li a:hover, #menu3 ul li:hover ul li a:hover{color: #fff;text-shadow:0pt 0pt 2px rgb(255, 255, 255);}
@keyframes menubar{0%   {margin: -30px auto 0px auto} 100%   {margin: 0px auto}}
@-moz-keyframes menubar{0%   {margin: -30px auto 0px auto} 100%   {margin: 0px auto}}
@-webkit-keyframes menubar{0%   {margin: -30px auto 0px auto} 100%   {margin: 0px auto}}
/*SearchBox*/
form#search{margin:0px;padding:0px;height:30px;}
#ganteng #search input[type=text]{background:url(http://4.bp.blogspot.com/-vbF_3Gfg0yk/UD-6aYqXqxI/AAAAAAAABfc/LgGgjkQ_T5Y/s1600/search-white.png) no-repeat scroll 10px 6px #222;border:1px solid #333;font:bold 12px 'Segoe UI',Calibri,'Myriad Pro',Myriad,'Trebuchet MS',Helvetica,Arial,sans-serif;color:#d7d7d7;width:200px;text-shadow:0 2px 2px rgba(0,0,0,0.3);box-shadow:0 0 3px #000 inset;-webkit-box-shadow:0 0 3px #000 inset;-moz-box-shadow:0 0 3px #000 inset;-webkit-transition:all .2s ease 0;-moz-transition:all .2s ease 0s;-o-transition:all .2s ease 0s;transition:all .2s ease 0s;padding:6px 0 6px 30px;margin:0px}
#ganteng #search input[type=text]:focus{background:url(http://1.bp.blogspot.com/-vStM8apiZ80/UDpwRpYojmI/AAAAAAAABZM/ItcJ9muEfAQ/s1600/search-dark.png) no-repeat 10px 6px #fcfcfc;color:#6a6f75;width:240px;box-shadow:0 0 1px #000 inset;-webkit-box-shadow:0 0 1px #000 inset;-moz-box-shadow:0 0 1px #000 inset;text-shadow:0 2px 3px rgba(0,0,0,0.1);margin:0px}
/* CSS Komentar */
.custom-comments{font-size:12px;clear: both;padding: 20px 30px 30px;margin: 10px 0px;background: none repeat scroll 0% 0% rgb(34, 34, 34);    border: 1px solid rgb(51, 51, 51);box-shadow: 0px 0px 3px black inset;color: white;overflow:hidden;}
#comments .avatar-comment-indent .comment-author{background-color:darkred; color:#CCA; padding:2px 0 2px 45px; -moz-border-radius:5px; border-radius:5px; text-align:left}
#comments .avatar-comment-indent .blog-author{background-color:#5E8D6E}
#comments .avatar-comment-indent .comment-author a{color:#eee}
#comments .avatar-comment-indent .comment-author a:visited{color:#ccc}
#comments .avatar-comment-indent .comment-author a:hover{color:#ffa}
#comments .avatar-image-container img{margin:-2px 0 0 -2px; border:0}
.comments p.comment-footer a{font-size:12px}
.comment-footer{text-align:right; font-size:10px;border-bottom:1px dashed gray;}
.comment-footer a{color:#8A8A8A}
.comment-form{max-width:600px;}
.comment-body{text-align:left; max-height:300px; overflow-y:auto; word-wrap:break-word;background:#444;border:1px solid #555;padding:5px 10px 7px;}
.custom-comments h4{display:block;padding:5px;line-height:30px;margin-bottom:20px;}
.custom-comments h4,.comments .comment-header,.comments .comment-thread.inline-thread .comment{position:relative}
.custom-comments h4{background:rgba(35, 114, 151, 0.2); text-align:center;}
.custom-comments h4,.comments .user a{font-size:14px}
.custom-comments h4{font-weight:normal;color:#fff}
.custom-comments h4:after{content:"";position:absolute;bottom:-10px;left:20px;width: 0px;height: 0px;border-style: solid;
border-width: 10px 7.5px 0 7.5px;border-color: rgba(35, 114, 151, 0.2) transparent transparent transparent;line-height:0}
#custom-comment-form h4{display:none}
.comment-permalink.pull-right{color:gray}
.clearfix:after {content:"";display:table;clear:both;}
.clearfix {*zoom:1}
.pull-left {display:block;float:left;}
.pull-right {display:block;float:right;}
/* links */
.custom-comments a,
.custom-comments a:visited {color:#5687B8;text-decoration:none;}
.custom-comments a:hover {text-decoration:underline}
/* comment item */
.custom-comments .comment-item {margin:0 0 1em;padding:5px 10px;border:1px solid #3c3c3c;background-color:#333;box-shadow:0 1px 2px black;-webkit-box-shadow:0 1px 2px black;-moz-box-shadow:0 1px 2px black;-o-box-shadow:0 1px 2px black;position:relative;}
/* comment header */
.custom-comments .comment-header {overflow:hidden;margin:0 0 1em 0;}
/* avatar area */
.custom-comments .avatar-box {height:65px;width:65px;background:url(http://2.bp.blogspot.com/-edfI5Edn3lU/URI_7gnxhoI/AAAAAAAAB9Y/UsdhJvrfFUs/s1600/background-sm-avatar.png) no-repeat;}
/* avatar */
.custom-comments .avatar-image-container,.custom-comments .avatar-image-container a,.custom-comments .avatar-image-container img {border:none;padding:0 0;margin:0 0;float:none;display:block;width:50px;height:50px;max-width:none;max-height:none;}
.custom-comments .avatar-image-container img {border:1px solid #ddd;padding:4px;}
/* comment body */
.custom-comments .comment-body {margin:0 0 2em 75px}
/* comment reply */
.custom-comments .comment-reply {position:relative;margin:40px 0px 1em 40px;padding:5px 10px;border:1px solid #3c3c3c;background-color:#333;box-shadow:0 1px 2px black;-webkit-box-shadow:0 1px 2px black;-moz-box-shadow:0 1px 2px black;-o-box-shadow:0 1px 2px black;}
.custom-comments .comment-reply:after {content:"";display:block;width:0;height:0;position:absolute;top:0;left:0;border:10px solid transparent;border-color:rgb(28, 120, 192) #333 #333 rgb(28, 120, 192);}
.custom-comments .comment-reply .user {margin-left:15px}
.custom-comments .comment-reply .avatar-image-container img {border-color:#EAE5C4;background-color:#F5F0D3;}
/* comment item footer */
.custom-comments .comment-bottom-line {display:block;clear:both;margin:1em 0 .5em 75px;text-align:right;}
/* comment buttons */
.custom-comments .comment-bottom-line a,.custom-comments .cancel-reply-btn {border:1px solid #ddd;outline:none;padding:2px .7em 3px .5em;margin:0 0 0 4px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-decoration:none;color:white;}
.custom-comments .comment-reply .comment-bottom-line a,
.custom-comments .cancel-reply-btn {border-color:#EAE5C4}
.custom-comments .comment-bottom-line a:before {content:attr(data-icon) " "}
.custom-comments .comment-bottom-line .reply-btn:before {color:#3DB537}
.custom-comments .comment-bottom-line .delete-btn:before {color:#B42A21}
.custom-comments .comment-bottom-line a:hover,
.custom-comments .cancel-reply-btn:hover {border-color:#555;text-decoration:none;}
.custom-comments .comment-bottom-line a:active,
.custom-comments .comment-bottom-line a:focus,
.custom-comments .cancel-reply-btn:active,
.custom-comments .cancel-reply-btn:focus {border-color:#999}
.custom-comments .cancel-reply-btn {padding:3px 1em 4px}
/* comment form */
.custom-comments .custom-comment-form {clear:both;}
.custom-comments .comment-item .custom-comment-form {border:1px solid #3c3c3c;background-color:#333;box-shadow:0 1px 2px black;-webkit-box-shadow:0 1px 2px black;-moz-box-shadow:0 1px 2px black;-o-box-shadow:0 1px 2px black;padding:1em .2em 2em 1.5em;margin-left:75px;}
.custom-comments #comment-editor {max-width:none;width:100%;height:250px;border:none;background:none;}
.custom-comments .custom-comment-form .cancel-reply-btn {display:none}
.custom-comments .comment-item .custom-comment-form .cancel-reply-btn {display:inline}
.custom-comments .comment-item .custom-comment-form h4 {display:none}
/* loading animation */
.custom-comments .custom-comment-editor-wrapper {background:transparent url('') no-repeat 50% 50%}
/* deleted comment */
.custom-comments .deleted-comment {font-style:italic;color:#aaa;}
/* comments paging control */
.custom-comments .paging-control-container{font-size:100%;display:block;float:none;width:auto;clear:both;border:1px solid #eee;padding:.5em 1em;overflow:hidden;}
/* Author Comments Style: Do whatever you want with this! */
.author-comment > .comment-item {}
.author-comment > .comment-reply {}
/*Footer Wrapper*/
#footer-wrapper {clear:both;width:715px;font-size: 11px;border: 1px solid rgb(51, 51, 51);margin:0px auto;text-align:left;background: none repeat scroll 0% 0% rgb(34, 34, 34);box-shadow: 0px 0px 3px black;}
#footer-bawah{margin:0px;}
#footer-bawah-1, #footer-bawah-2{width: 25%; float:left;}
#footer-bawah-3 {width:50%;float:left;}
#bottom{width:700px;position:relative;padding:8px;margin:0px auto;color:#454749;}
#bottom a{color:rgb(230, 230, 230);}
#bottom li {margin: 1px 0px;padding: 1px 0px 1px 13px;box-shadow: 0px 1px 0px rgb(42, 42, 42);border-bottom: 1px solid rgb(23, 23, 23);text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);list-style: none outside none;-webkit-transition: all 0.26s ease-out 0s;-moz-transition: all 0.26s ease-out 0s;-o-transition: all 0.26s ease-out 0s;transition: all 0.26s ease-out 0s;background: url("http://4.bp.blogspot.com/-sryqGRfP64w/TzGXmjiQyiI/AAAAAAAAHOg/RS0RiOjrk_Y/s1600/icon-li-bottom.gif") no-repeat scroll left center transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#bottom li:hover {padding: 1px 0px 1px 18px;background: url("http://4.bp.blogspot.com/-sryqGRfP64w/TzGXmjiQyiI/AAAAAAAAHOg/RS0RiOjrk_Y/s1600/icon-li-bottom.gif") no-repeat scroll left center rgb(51, 51, 51);}
#bottom h3{font-family:'Coda', Cursive;color:rgb(230, 230, 230);padding:2px 0px ;border:1px solid rgb(70, 0, 0);box-shadow:0px 1px 0px rgb(150, 0, 0);padding:3px;margin:3px 0;font-size:12px;font-weight:normal;line-height:1.5em;text-align: left;text-transform: uppercase;text-shadow: 1px 1px rgb(0, 0, 0);}
#bottom .widget-content{padding:2px;}
#credit-wrapper{width:710px;margin: 10px auto 50px auto;text-align: left;color:rgb(69, 69, 69);height:30px;font-size:11px;text-shadow:0px -1px 1px rgba(0, 0, 0, 0.8)}
#credit-wrapper-r{width:59%;float:left;padding-top:2px;padding-bottom:2px;}
#credit-wrapper-r-2{width:100%;float:left;padding-top:2px;padding-bottom:2px;}
#credit-wrapper-l{width:40%;float:right;text-align:right;padding-top:2px;padding-bottom:2px;}
#credit-wrapper h2, #credit-wrapper h3{display:inline!important}
#credit-wrapper a:link, #credit-wrapper h2 a, #credit-wrapper h3 a, #credit-wrapper a:visited, #credit-wrapper h2 a:visited, #credit-wrapper h3 a:visited {font-size:10px;color: rgb(69, 69, 69);text-decoration:none;border-bottom: 1px dotted rgb(69, 69, 69);}
#credit-wrapper a:hover, #credit-wrapper h2 a:hover, #credit-wrapper h3 a:hover {font-size:10px;color: rgb(69, 69, 69);text-decoration:none;border-bottom: 1px solid rgb(69, 69, 69);}
/*Lightbox Evolution */
.jquery-lightbox-overlay{background:#000}
.jquery-lightbox{position:relative;padding:17px 0}
.jquery-lightbox-border-top-left,.jquery-lightbox-border-top-right,.jquery-lightbox-border-bottom-left,.jquery-lightbox-border-bottom-right{position:absolute;height:17px;width:12%;z-index:7000}
.jquery-lightbox-border-top-left{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat 0 0;top:0;left:0}
.jquery-lightbox-border-top-right{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat right 0;top:0;right:0}
.jquery-lightbox-border-top-middle{background:#2b2b2b;position:absolute;height:7px;width:78%;top:0;left:12%;z-index:7000;overflow:hidden}
.jquery-lightbox-border-bottom-left{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat 0 bottom;bottom:0;left:0}
.jquery-lightbox-border-bottom-right{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat right bottom;bottom:0;right:0}
.jquery-lightbox-border-bottom-middle{background:#2b2b2b;height:7px;width:78%;position:absolute;bottom:0;left:12%;z-index:7000;overflow:hidden}
.jquery-lightbox-title{background:#2b2b2b;color:#FFF;font-family:verdana,arial,serif;font-size:11px;line-height:14px;position:absolute;bottom:0;z-index:7000;opacity:0.9;margin:3px;padding:5px 8px}
.jquery-lightbox-html{z-index:7000;position:relative;border:0;border-left:7px solid #2b2b2b;border-right:7px solid #2b2b2b;vertical-align:top;padding:0 15px}
.jquery-lightbox-html embed,.jquery-lightbox-html object,.jquery-lightbox-html iframe{vertical-align:top}
.jquery-lightbox-background{position:absolute;top:7px;left:7px;z-index:6999;float:left;padding:0}
.jquery-lightbox-background img{display:block;position:relative;border:0;width:100%;height:100%;margin:0;padding:0}
.jquery-lightbox-mode-image .jquery-lightbox-html{z-index:6998;padding:0}
.jquery-lightbox-mode-html .jquery-lightbox-background{background:#222}
.jquery-lightbox-mode-html .jquery-lightbox-html{overflow:auto}
.jquery-lightbox-loading,.jquery-lightbox-mode-html .jquery-lightbox-loading{background:rgb(34, 34, 34) url(http://1.bp.blogspot.com/-d3sFnPFy4-w/UDmpw0JBI5I/AAAAAAAABXM/VhCBxFAQaEM/s1600/loading.gif) no-repeat center center}
.jquery-lightbox-button-close{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -190px -115px;position:absolute;top:12px;right:-26px;width:29px;height:29px}
.jquery-lightbox-button-close:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -220px -115px}
.jquery-lightbox-mode-image .jquery-lightbox-button-close{right:14px;z-index:7002;opacity:0.7}
.jquery-lightbox-buttons{position:absolute;top:7px;left:7px;z-index:7001;height:39px;display:none}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init,.jquery-lightbox-buttons .jquery-lightbox-buttons-end{width:5px;height:39px;float:left;display:inline}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -151px -153px;margin:7px 0 0 7px}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -244px -153px;margin:7px 0 0}
.jquery-lightbox-buttons .jquery-lightbox-button-left{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -156px -153px;width:24px;height:39px;float:left;display:inline;margin:7px 0 0}
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -156px -194px}
.jquery-lightbox-buttons .jquery-lightbox-button-right{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -220px -153px;width:24px;height:39px;float:left;display:inline;margin:7px 0 0}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -220px -194px}
.jquery-lightbox-buttons .jquery-lightbox-button-max{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -182px -153px;width:36px;height:39px;float:left;display:inline;margin:7px 0 0}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -182px -194px}
.jquery-lightbox-buttons .jquery-lightbox-button-min{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -162px -235px;width:36px;height:39px;float:left;display:inline;margin:7px 0 0}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover{background:url(http://4.bp.blogspot.com/-gyQfg3AhO-k/UDou9o7e7uI/AAAAAAAABX8/lcekvAyS9ac/s1600/jquery-lightbox-himajiesized-theme-opt.png) no-repeat -207px -235px}
.jquery-lightbox-buttons-custom{height:39px;float:left;display:inline;background:#2b2b2b;line-height:39px;font-size:10px;margin:7px 0 0}
.jquery-lightbox-buttons-custom a{color:#FFF;font-size:10px;display:inline;font-weight:400;text-decoration:underline;padding:0 3px}
.jquery-lightbox-mode-image .jquery-lightbox-buttons{opacity:0.3}
.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons,.jquery-lightbox-mode-image:hover .jquery-lightbox-button-close{opacity:0.9}
.jquery-lightbox-button-close span,.jquery-lightbox-buttons span,.jquery-lightbox-navigator{display:none}
/* Loading Tricks */
#loadhalaman {position:fixed;opacity:0.93;top:0;left:0;background-color:#000;z-index:9999;text-align:center;width:100%;height:100%;padding-top:30%;color:#000;display:none;}
.loadball {background-color: transparent;border:5px solid rgb(66, 128, 198);border-right:5px solid transparent;border-left:5px solid transparent;border-radius:50px;box-shadow: 0 0 35px rgb(66, 128, 238);width:50px;height:50px;margin:0 auto;-moz-animation:spinPulse 1s infinite ease-in-out;-webkit-animation:spinPulse 1s infinite linear;}
.loadball-2 {background-color: transparent;border:5px solid rgb(66, 128, 198);border-left:5px solid transparent;border-right:5px solid transparent;border-radius:50px;box-shadow: 0 0 15px rgb(66, 128, 238);width:30px;height:30px;margin:0 auto;position:relative;top:-50px;-moz-animation:spinoffPulse 1s infinite linear;-webkit-animation:spinoffPulse 1s infinite linear;}
@-moz-keyframes spinPulse {0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(66, 128, 238)}50% { -moz-transform:rotate(145deg); opacity:1; }100% { -moz-transform:rotate(-320deg); opacity:0; }}
@-moz-keyframes spinoffPulse {0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg);  }}
@-webkit-keyframes spinPulse {0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px rgb(66, 128, 238)} 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; }}
@-webkit-keyframes spinoffPulse {0% { -webkit-transform:rotate(0deg); }	100% { -webkit-transform:rotate(360deg); }}
/*NoScript*/
#enjs {z-index: 999;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;margin:0;padding:0;}
#enjs p {margin:0;padding:0;width:100%;color:#333;position:relative;top:40%;font:bold 18px/20px arial;text-align:center;text-shadow:none;}
/*ScrollBar */
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background:rgb(71, 71, 71);}
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:window-inactive { background: rgb(34, 34, 34); }
.blog-feeds,.post-feeds{display:none}
/*--  START PANEL SLIDE START--*/
#navigation{margin:0;background:rgb(22, 83, 117);border:1px solid rgb(19, 118, 173);text-align:center;padding:2px;font-family:Broadway;font-size:16px;font-weight:bold;}
#navigation a{cursor:default;text-shadow:0 1px #233656,1px 0 #233656,-1px 0 #233656,0 -1px #233656;background:rgba(80,80,80,0.4);text-decoration:none;color:#BCCFEF;display:inline-block;padding:2px 15px;position:absolute;right:10px;font:normal normal 14px/12px Verdana,Arial,Sans-Serif;border:1px solid gray;  -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.2);box-shadow:inset 1px 1px 0 rgba(255,255,255,.2); -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;  -webkit-transition:all .40s ease-out;-moz-transition:all .40s ease-out;-ms-transition:all .40s ease-out;-o-transition:all .40s ease-out;transition:all .40s ease-out;}
#navigation a:hover{background-color:#DA4D4B; -webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);box-shadow:inset 1px 1px 0 rgba(255,255,255,.4);}
.sledjrswirogas{left:0;top:0;opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;display:none;z-index:1111;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.sledjrswirogas:target{opacity:1;display:block;animation: myfirst 3s;-moz-animation: myfirst 3s;-webkit-animation: myfirst 3s;-o-animation: myfirst 3s;}
@keyframes myfirst{ from{opacity:0;}to{opacity:1;}}
@-moz-keyframes myfirst{ from{opacity:0;}to{opacity:1;} }
@-webkit-keyframes myfirst{ from{opacity:0;}to{opacity:1;} }
.jrswirogas{position:relative;top:20%;background:#222;padding-bottom:30px;margin:0 auto;width:500px;min-width:500px;border:1px solid #444;}
.START:hover{-moz-box-shadow:0px 2px 8px 0px black;-webkit-box-shadow:0px 2px 8px 0px black;box-shadow:0px 2px 8px 0px black;opacity:0.7;}
#open-menu2.active {background-color:rgb(22, 83, 117);padding:0px 5px;}
/* 'Top' Link */
#gotop {display:block;cursor:pointer;position:fixed !important;position:absolute;bottom:-40px;right:-40px;z-index:999;background-color:#067BAF;background-image:-webkit-radial-gradient(top,#2493C4,#086A95);background-image:-moz-radial-gradient(top,#2493C4,#086A95);background-image:-ms-radial-gradient(top,#2493C4,#086A95);background-image:-o-radial-gradient(top,#2493C4,#086A95);background-image:radial-gradient(top,#2493C4,#086A95);-webkit-border-radius:10px 0 0 0;-moz-border-radius:10px 0 0 0;border-radius:10px 0 0 0;border:1px solid #144F69;width:30px;height:30px;overflow:hidden;text-indent:-9999px;-webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black;}
#gotop:after {content:"";display:block;width:0;height:0; border-width:10px 4px;border-style:solid;border-color:transparent transparent #C3D1D7 transparent;position:absolute;top:0;left:11px;}
#gotop:focus {outline:none}
#gotop:hover:after {border-bottom-color:white}
#gotop:active {background-image:-webkit-linear-gradient(top,#144F69,#2493C4);background-image:-moz-linear-gradient(top,#144F69,#2493C4);background-image:-ms-linear-gradient(top,#144F69,#2493C4); background-image:-o-linear-gradient(top,#144F69,#2493C4);background-image:linear-gradient(top,#144F69,#2493C4);}
@keyframes footer-border{0%   {border-color: rgba(18, 122, 163, 0.1);}50% {border-color: rgba(18, 122, 163, 0.5);}100%   {border-color: rgba(18, 122, 163, 0.9);}}
@-moz-keyframes footer-border{0%   {border-color: rgba(18, 122, 163, 0.1);}50% {border-color: rgba(18, 122, 163, 0.5);}100%   {border-color: rgba(18, 122, 163, 0.9);}}
@-webkit-keyframes footer-border{0%   {border-color: rgba(18, 122, 163, 0.1);}50% {border-color: rgba(18, 122, 163, 0.5);}100%   {border-color: rgba(18, 122, 163, 0.9);}}
/* Feed Post Comment*/
#feedSM-dlm{width: 300px; }#commentSM-dlm{width: 320px; }
#feedSM-dlm,#commentSM-dlm{z-index:998;display: none; position: absolute; top: 28px;margin-left:-13px;background: rgb(22, 83, 117) url(http://1.bp.blogspot.com/-d3sFnPFy4-w/UDmpw0JBI5I/AAAAAAAABXM/VhCBxFAQaEM/s1600/loading.gif) no-repeat 50% 50%;padding: 3px; line-height: 0;border:1px solid rgb(24, 111, 133);}
#feedSM-dlm:before,#commentSM-dlm:before {content:"";width:0px;height:0px;border:12px solid transparent;border-bottom-color:rgb(22, 83, 117);position:absolute;top:-24px;left:10px;}
#feedSM{cursor:pointer;position:relative;z-index:999;width:16px;height:16px;background-image:url(http://4.bp.blogspot.com/-7-E2UHsFv0g/UT6-bq43EBI/AAAAAAAACQs/rlg0y1yTsts/s1600/icon-notifikasiSM.png);background-repeat:no-repeat;background-position:-55px 0px;background-size:200px 16px;}
#feedSM:hover{background-position:-92px 0px;}
#commentSM{cursor:pointer;position:relative;z-index:999;width:16px;height:16px;background-image:url(http://4.bp.blogspot.com/-7-E2UHsFv0g/UT6-bq43EBI/AAAAAAAACQs/rlg0y1yTsts/s1600/icon-notifikasiSM.png);background-repeat:no-repeat;background-position:-35px 0px;background-size:200px 16px;}
#commentSM:hover{background-position:-147px 0px;}
#HTML99 h2.title{display:none}







body#layout ul{list-style-type:none;list-style:none}
body#layout ul li{list-style-type:none;list-style:none}
body#layout #myGallery{display:none}
body#layout .featuredposts{display:none}
body#layout .fp-slider{display:none}
body#layout #navcontainer{display:none}
body#layout .menu-secondary-wrap{display:none}
body#layout .menu-secondary-container{display:none}
body#layout #skiplinks{display:none}
body#layout .feedtwitter{display:none}
body#layout #header-wrapper {margin-bottom:10px;min-height:50px;}
body#layout .social-profiles-widget h3 {display:none;}

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a" value="#5588aa">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666" value="#666666">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60" value="#cc6600">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999" value="#999999">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999" value="#999999">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right">
*/

/* Use this with templates/template-twocol.html */

body{background: url(http://1.bp.blogspot.com/-L8iRI-nBDGA/UENPEdP-c1I/AAAAAAAAAoQ/Tuw4hyZFXxQ/s1600/Android%2BApple%2BWallpapers%2B4.jpg);color:#555555;font-family: Arial, Helvetica, Sans-serif;font-size: 13px;margin:0px;padding:0px;}
a:link,a:visited{color:#388DBD;text-decoration:underline;outline:none;}
a:hover{color:#89BCE3;text-decoration:none;outline:none;}
a img{border-width:0}
#body-wrapper{margin:0px;padding:0px;background: url(http://2.bp.blogspot.com/-u_Pb11o3ReU/UYQg8g5OHwI/AAAAAAAAIcE/EyCD1C318S4/s000/wrapper-bg.png) left 45px repeat-x;}
/* Header-----------------------------------------------*/
#header-wrapper{width:960px;margin:0 auto 0;height:60px;padding:24px 0px 24px 0px;overflow:hidden;}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:60%;overflow:hidden;}
#header h1{color:#5DAADE;text-shadow:0px 1px 0px #fff;margin:0 5px 0;padding:0px 0px 0px 0px;font-family:'Oswald',Arial,Helvetica,Sans-serif;font-weight:bold;font-size:28px;line-height:28px;}
#header .description{padding-left:7px;color:#5DAADE;text-shadow:0px 1px 0px #fff;line-height:14px;font-size:14px;padding-top:0px;margin-top:10px;font-family:Arial,Helvetica,Sans-serif;}
#header h1 a,#header h1 a:visited{color:#5DAADE;text-decoration:none}
#header h2{padding-left:5px;color:#5DAADE;font:14px Arial,Helvetica,Sans-serif}
#header2{float:right;width:38%;margin-right:0px;padding-right:0px;overflow:hidden;}
#header2 .widget{padding:0px 0px 0px 0px;float:right}
.social-profiles-widget img{margin:0 4px 0 0}
.social-profiles-widget img:hover{opacity:0.8}
#top-social-profiles{padding-top:10px;height:32px;text-align:right}
#top-social-profiles img{margin:0 0 0 6px !important}
#top-social-profiles img:hover{opacity:0.8}
#top-social-profiles .widget-container{background:none;padding:0;border:0}

/* Headings----------------------------------------------- */
h2{}

/* Sidebar Content----------------------------------------------- */
.sidebar{margin:0 0 10px 0;font-size:13px;color:#666666;}
.sidebar a{text-decoration:none;color:#666666;}
.sidebar a:hover{text-decoration:none;color:#70AED6;}
.sidebar h2,h3.widgettitle{border-bottom:3px solid #9BD2F4;margin:0 0 10px 0;padding:10px 0 6px 0;color:#2C2C2C;font-size:16px;line-height:16px;font-family:'Oswald',sans-serif;font-weight:normal;text-decoration:none;text-transform:uppercase;}
.sidebar ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
.sidebar ul li{padding:0 0 9px 0;margin:0 0 8px 0;border-bottom:1px dotted #B9B9B9;}
.sidebar .widget{margin:0 0 15px 0;padding:0;color:#666666;font-size:13px;}
.main .widget{margin:0 0 5px;padding:0 0 2px}
.main .Blog{border-bottom-width:0}
.widget-container{list-style-type:none;list-style:none;margin:0 0 15px 0;padding:0;color:#666666;font-size:13px;padding:0px;}
/* FOOTER ----------------------------------------------- */
#footer-container{}
#footer{margin-bottom:15px}
#copyrights{color:#141414;background:#EBEBEB url() left top repeat-x;text-align:center;padding:20px 0}
#copyrights a{color:#141414}
#copyrights a:hover{color:#141414;text-decoration:none}
#credits{color:#606060;text-align:center;font-size:11px;padding:10px 0 0 0;text-shadow:0px 1px 0px #fff;}
#credits a{color:#606060;text-decoration:none}
#credits a:hover{text-decoration:none;color:#606060}
#footer-widgets-container{background:#FFF;padding:20px 0;margin-top:10px}
#footer-widgets{width:960px;margin:0 auto}
.footer-widget-box{width:225px;float:left;margin-right:20px}
.footer-widget-box-last{margin-right:0}
#footer-widgets .widget-container{color:#666666;}
#footer-widgets .widget-container a{text-decoration:none;color:#666666;}
#footer-widgets .widget-container a:hover{text-decoration:none;color:#70AED6;}
#footer-widgets h2{border-bottom:3px solid #9BD2F4;margin:0 0 10px 0;padding:10px 0 6px 0;color:#2C2C2C;font-size:16px;line-height:16px;font-family:'Oswald',sans-serif;font-weight:normal;text-decoration:none;text-transform:uppercase;}
#footer-widgets .widget ul{list-style-type:none;list-style:none;margin:0px;padding:0px;}
#footer-widgets .widget ul li{padding:0 0 9px 0;margin:0 0 8px 0;border-bottom:1px dotted #B9B9B9;}
.footersec {}
.footersec .widget{margin-bottom:20px;}
.footersec ul{}
.footersec ul li{}
.crelink{float:right;text-align:right;}
/* Search ----------------------------------------------- */
#search{border:1px solid #D8D8D8;background:#FFF url(http://4.bp.blogspot.com/-lW9h3urNutM/UYQhDRVEHfI/AAAAAAAAIdI/5FNAaWPfVJQ/s000/search.png) 99% 50% no-repeat;text-align:left;padding:6px 24px 6px 6px}
#search #s{background:none;color:#979797;border:0;width:100%;padding:0;margin:0;outline:none}
#content-search{width:300px;padding:15px 0}
#topsearch{float:right;margin-top:20px}
#topsearch #s{width:220px}
/* Comments----------------------------------------------- */
#comments{padding:10px;border:0px dashed #eee;}
#comments h4{font-size:16px;font-weight:bold;margin:1em 0;color:$sidebarcolor}
#comments-block3{padding:0;margin:0;float:left;overflow:hidden;position:relative;}
#comment-name-url{width:365px;float:left}
#comment-date{width:365px;float:left;margin-top:5px;font-size:10px;}
#comment-header{float:left;padding:5px 0 40px 10px;margin:5px 0px 15px 0px;position:relative;background-color:#fff;border:1px dashed #eee;}
.avatar-image-container{background:url(http://3.bp.blogspot.com/-B2zf47F1p8o/UYQhDwAAZaI/AAAAAAAAIdU/HACfoeFggog/s000/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}
.avatar-image-container img{width:32px;height:32px;}
a.comments-autor-name{color:#000;font:normal bold 14px Arial,Tahoma,Verdana}
a.says{color:#000;font:normal 14px Arial,Tahoma,Verdana}
.says a:hover{text-decoration:none}
.deleted-comment{font-style:italic;color:gray}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{text-align:center}
.feed-links{clear:both;line-height:2.5em}
/* Profile ----------------------------------------------- */
.profile-img{float:$startSide;margin-top:0;margin-$endSide:5px;margin-bottom:5px;margin-$startSide:0;padding:4px;border:1px solid $bordercolor}
.profile-data{margin:0;text-transform:uppercase;letter-spacing:.1em;font:$postfooterfont;color:$sidebarcolor;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.avatar-image-container{background:url(http://3.bp.blogspot.com/-B2zf47F1p8o/UYQhDwAAZaI/AAAAAAAAIdU/HACfoeFggog/s000/comment-avatar.jpg);width:32px;height:32px;float:right;margin:5px 10px 5px 5px;border:1px solid #ddd;}
.avatar-image-container img{width:32px;height:32px;}
.profile-link{font:$postfooterfont;text-transform:uppercase;letter-spacing:.1em}
#navbar-iframe{height:0;visibility:hidden;display:none;}
   
.emoWrap{ background:#ccc; border: 1px solid #333; margin:5px; padding:10px;}

    ]]></b:skin>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <b:else/>
      <style>
        /*PostBody*/
        .post h1, .post h2, .post h1:hover, .post h2:hover {
          font-family: &quot;
          Coda&quot;
          , cursive;
          font-size:16px;
          font-weight:normal;
          line-height:1em;
          padding:0 0 5px;
          text-shadow: 1px 1px rgb(0, 0, 0);
          border-bottom: 1px solid rgb(44, 47, 216);
          box-shadow: 0px 1px 0px rgb(66, 128, 238);
          margin:0px;
        }
        .post h1 a, .post h1 a:visited, .post h1 strong,  .post h2 a, .post h2 a:visited, .post h2 strong, .post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
          font-family: &quot;
          Coda&quot;
          , cursive;
          display:block;
          font-weight: normal;
          font-style: normal;
          text-decoration:none;
          text-shadow: 1px 1px rgb(0, 0, 0);
          margin:0px}
        .post {
          width:98%;
          margin:0px;
          box-shadow:none;
          border:none;
        }
        .post img {
          background:url(http://1.bp.blogspot.com/-d3sFnPFy4-w/UDmpw0JBI5I/AAAAAAAABXM/VhCBxFAQaEM/s1600/loading.gif) no-repeat center #222;
          margin-top:2px;
          padding-top:7px;
          box-shadow: 0 8px 6px -6px #000;
        }
        .post-body{
          font-size:13px;
          margin:10px 0 7px;
          line-height:1.5em}
        .post-body a, .post body a:visited {
          color: rgb(230, 230, 230);
          text-decoration:none;
          border-bottom: 1px dotted rgb(52, 108, 194);
        }
        .post-body a:hover {
          color: rgb(230, 230, 230);
          text-decoration:none;
          border-bottom: 1px solid rgb(66, 128, 238);
        }
        .separator a, .separator a:visited, .separator a:hover, .tr-caption-container a, .tr-caption-container a:hover {
          border-bottom:none}
        , .tr-caption-container a:visited {
          border-bottom:none;
        }
        .tombol, .tombol-download{
          font-size:0.7em;
          margin: 0.5em 1em 0.5em 0px;
          rgb(230, 230, 230);
          color:rgb(170, 170, 170);
          border-bottom:none;
        }
        /*permalink tag*/
        .permalink {
          line-height: 1.4em;
          border-top: 1px solid rgb(70, 0, 0);
          background: none repeat scroll 0% 0% rgba(255, 0, 0, 0.1);
          padding: 5px;
          font-size: 10px;
          margin-top: 5px;
          border-bottom: 1px solid rgb(70, 0, 0);
          box-shadow: 0px 1px 0px rgb(150, 0, 0) inset, 0px 1px 0px rgb(150, 0, 0);
          clear:both}
        .permalink a, .permalink a:hover, .permalink a:visited{
          color:rgb(230, 230, 230);
          text-decoration:none;
          border:none}
        /*PlanetSharing*/
        #gantengsharing{
          padding:5px;
          margin:0 0px 5px 0px;
          width:100%;
          float:left;
          height:18px;
        }
        #gantengsharing img{
          margin:0px!important;
          padding:0px!important;
          box-shadow:0px 0px 3px rgba(0, 0, 0, 0.7);
          opacity:0.9}
        #gantengsharing img:hover{
          opacity:1;
          box-shadow:none;
          -webkit-transition: all .05s linear;
          -moz-transition: all .05s linear;
          -o-transition: all .05s linear;
          transition: all .05s linear;
        }
        .shareto{
          float:left;
          padding-top:2px;
          font-size:12px;
        }
        .lintasme{
          float:left;
          padding-left:15px}
        .fb {
          float:left;
          padding-left:15px;
        }
        .twitters{
          float:left;
          padding-left:15px;
        }
        .diggs{
          float:left;
          padding-left:15px;
          width:50px}
        .gpluss{
          float:left;
          padding-left:15px}
        /*RelatedPost*/
        #toc-outer {
          font-size:12px;
        }
        #loadingscript {
          background:#333 url(&#39;http://1.bp.blogspot.com/-d3sFnPFy4-w/UDmpw0JBI5I/AAAAAAAABXM/VhCBxFAQaEM/s1600/loading.gif&#39;) no-repeat 50% 46%;
          padding:10px;
          font:bold 20px Georgia,Serif;
          color:white;
          height:300px;
          text-indent:-9999px;
          -webkit-box-shadow:inset 0px 0px 0px 5px black;
          -moz-box-shadow:inset 0px 0px 0px 5px black;
          box-shadow:inset 0px 0px 0px 5px black;
        }
        .itemposts, #itempager{
          margin:5px;
          height:auto;
          background-color:#333;
          overflow:hidden;
          padding:4px;
          border:1px solid #444;
          -webkit-box-shadow:0px 1px 2px black;
          -moz-box-shadow:0px 1px 2px black;
          box-shadow:0px 1px 2px black;
          -webkit-transition: all .2s linear;
          -moz-transition: all .2s linear;
          -o-transition: all .2s linear;
          transition: all .2s linear;
        }
        .itemposts:hover{
          background-color:#444}
        .itemposts img {
          float:left;
          height:50px;
          width:50px;
          margin:2px 10px 2px 0px;
          -webkit-box-shadow:none;
          -moz-box-shadow:none;
          box-shadow:none;
          border:1px solid #666;
          padding:4px;
        }
        .itemposts a{
          line-height:30px;
          overflow:hidden;
          color:rgb(230,230,230);
        }
        .itemposts a:hover{
          color:rgb(38, 143, 224)}
        .itemposts .itemfoot {
          border:1px solid #666;
          padding:5px 10px;
          background-color:#444;
          color:#888;
          overflow:hidden;
          text-align:right;
        }
        #pagination, #totalposts {
          color:#999;
          padding:3px;
          text-align:center;
        }
        #pagination span, #pagination a {
          border:1px solid #666;
          color:white;
          display:inline;
          margin:0 1px;
          padding:2px 5px;
          text-indent:0px;
          background-color:#555;
          text-decoration:none;
        }
        #pagination span.actual,#pagination a:hover {
          background-color:#333;
        }
        #pagination span.hidden {
          display:none;
        }
        /*Hompi Panel*/
        a.openpanel {
          display:block;
          width:98%;
          padding:0px 0px;
          text-align:center;
          font-weight:bold;
          line-height:32px;
          background-color:rgb(40, 40, 40);
          color:white;
          text-decoration:none;
          margin:0px auto;
          -webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);
          -moz-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
          position:relative;
          clear:both;
          font-size: 11px;
          text-transform: uppercase;
          text-shadow: 1px 1px rgb(0, 0, 0);
          -webkit-transition: all .05s linear;
          -moz-transition: all .05s linear;
          -o-transition: all .05s linear;
          transition: all .05s linear;
        }
        a.openpanel:hover {
          -webkit-box-shadow:0px 0px 1px rgba(0, 0, 0, 0.5);
          -moz-box-shadow:0px 0px 1px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
        }
        a.openpanel em {
          width:0px;
          height:0px;
          display:block;
          position:absolute;
          top:15px;
          right:15px;
          border:6px solid transparent;
          border-top-color:white;
        }
        a.openpanel.active {
          background-color:rgb(22, 83, 117);
          width:100%;
        }
        a.openpanel.active em {
          top:6px;
          border-color:transparent transparent white transparent;
        }
        div.paneline {
          height:0px;
          border-bottom:1px solid rgb(51, 51, 51);
          display:none;
        }
        div.hompiPanel {
          margin:0px 0px !important;
        }
        img.emo, input.emoKey {
          display:inline-block;
          *display:inline;
          vertical-align:middle;
          padding-top:0px;
          margin-top:0px}
      </style>
    </b:if>
  </head>




<style type='text/css'> 
#tabs28 {   float:left;   width:100%;   background:#fff;   font-size:93%;   line-height:normal; border-bottom:1px solid #DD740B;   }
 #tabs28 ul { margin:0; padding:10px 10px 0 50px; list-style:none;   } 
#tabs28 li {   display:inline;   margin:0;   padding:0;   } 
#tabs28 a {   float:left;   background:url(&quot;http://4.bp.blogspot.com/-hvHIaD4m4Y4/TwNaU1SP3JI/AAAAAAAAAwI/aF2NmvKFeC0/s1600/slide-left.gif&quot;) no-repeat left top;   margin:0;   padding:0 0 0 5px;   text-decoration:none;   } 
#tabs28 a span {   float:left;   display:block;   background:url(&quot;http://1.bp.blogspot.com/-InlQIQBn_UE/TwNaif5u_vI/AAAAAAAAAwU/SSr_8sYEd64/s1600/side-right.gif&quot;) no-repeat right top;   padding:5px 15px 4px 6px;   color:#FFF;   } 
#tabs28 a span {float:none;}  #tabsI a:hover span {   color:#FFF;   } #tabs28 a:hover {   background-position:0% -42px;   } 
#tabs28 a:hover span {   background-position:100% -42px;   }</style>
  <!-- Blogger Revolution -->
  <body>


    <div id='menu-wrapper'>
      <div id='menu'>
        <b:section class='header' id='header' maxwidgets='' showaddelement='yes'>
          <b:widget id='HTML1' locked='false' title='-| MENU GUE | -' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
          <b:widget id='Header1' locked='true' title='Blogger Percobaan (Header)' type='Header'>
            <b:includable id='main'>
              <b:if cond='data:useImage'>
                <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
                  <!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
                  <b:if cond='data:mobile'>
                    <div id='header-inner'>
                      <div class='titlewrapper'>
                        <h1 class='title'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                    <b:else/>
                    <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                      <div class='titlewrapper'>
                        <h1 class='title'>
                          <b:include name='title'/>
                        </h1>
                      </div>
                      <b:include name='description'/>
                    </div>
                  </b:if>
                  <b:else/>
                  <!--Show the image only-->
                  <div id='header-inner'>
                    <a expr:href='data:blog.homepageUrl' style='display: block'>
                      <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                    </a>
                    <!--Show the description-->
                    <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
                      <b:include name='description'/>
                    </b:if>
                  </div>
                </b:if>
                <b:else/>
                <!--No header image -->
                <div id='header-inner'>
                  <div class='titlewrapper'>
                    <h1 class='title'>
                      <b:include name='title'/>
                    </h1>
                  </div>
                  <b:include name='description'/>
                </div>
              </b:if>
            </b:includable>
            <b:includable id='description'>
              <div class='descriptionwrapper'>
                <p class='description'>
                  <span>
                    <data:description/>
                  </span>
                </p>
              </div>
            </b:includable>
            <b:includable id='title'>
              <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <data:title/>
                <b:else/>
                <a expr:href='data:blog.homepageUrl'>
                  <data:title/>
                </a>
              </b:if>
            </b:includable>
          </b:widget>
        </b:section>
        <ul style='list-style: none;'>
          <li id='ganteng'>
            <form action='/search/' id='search' method='get' target='_blank'>
              <input name='q' placeholder='Telusuri Website...' size='40' type='text'/>
            </form>
          </li>
          <li>
            <a class='lightbox' data-options='{&quot;width&quot;:430, &quot;height&quot;:470, &quot;iframe&quot;: true}' href='http://tipsjrswirogas.blogspot.com/#buku' rel='nofollow' title='Chatbox'>
              Chatbox
            </a>
          </li>
          <li>
            <a href='#bottom' rel='nofollow' title='Daftar Kategori Postingan'>
              Categories
            </a>
          </li>
          <li>
            <a href='javascript:void(0)' id='open-menu2' rel='nofollow' title='Other'>
              Other
            </a>
          </li>
        </ul>
      </div>
    </div>
    <div id='outer-wrapper'>
      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
          <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
            <b:includable id='main' var='top'>
              <b:if cond='data:mobile == &quot;false&quot;'>
                <!-- posts -->
                <div class='blog-posts hfeed'>
                  <b:include data='top' name='status-message'/>
                  <data:defaultAdStart/>
                  <b:loop values='data:posts' var='post'>
                    <b:if cond='data:post.isDateStart'>
                      <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
                        &lt;/div&gt;&lt;/div&gt;
                      </b:if>
                    </b:if>
                    <b:if cond='data:post.isDateStart'>
                      &lt;div class=&quot;date-outer&quot;&gt;
                    </b:if>
                    <b:if cond='data:post.dateHeader'>
                      <h2 class='date-header'>
                        <span>
                          <data:post.dateHeader/>
                        </span>
                      </h2>
                    </b:if>
                    <b:if cond='data:post.isDateStart'>
                      &lt;div class=&quot;date-posts&quot;&gt;
                    </b:if>
                    <div class='post-outer'>
                      <b:include data='post' name='post'/>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <b:if cond='data:post.showThreadedComments'>
                          <b:include data='post' name='custom-comments'/>
                          <b:else/>
                          <b:include data='post' name='custom-comments'/>
                        </b:if>
                      </b:if>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <b:if cond='data:post.showThreadedComments'>
                          <b:include data='post' name='custom-comments'/>
                          <b:else/>
                          <b:include data='post' name='custom-comments'/>
                        </b:if>
                      </b:if>
                    </div>
                    <b:if cond='data:post.includeAd'>
                      <b:if cond='data:post.isFirstPost'>
                        <data:defaultAdEnd/>
                        <b:else/>
                        <data:adEnd/>
                      </b:if>
                      <div class='inline-ad'>
                        <data:adCode/>
                      </div>
                      <data:adStart/>
                    </b:if>
                  </b:loop>
                  <b:if cond='data:numPosts != 0'>
                    &lt;/div&gt;&lt;/div&gt;
                  </b:if>
                  <data:adEnd/>
                </div>
                <!-- navigation -->
                <b:include name='nextprev'/>
                <!-- feed links -->
                <b:include name='feedLinks'/>
                <b:if cond='data:top.showStars'>
                  <script src='//www.google.com/jsapi' type='text/javascript'/>
                  <script type='text/javascript'>
                    google.load(&quot;annotations&quot;, &quot;1&quot;, {
                                &quot;locale&quot;: &quot;<data:top.languageCode/>&quot;}
                               );
                    function initialize() {
                      google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                      google.annotations.createAll();
                      google.annotations.fetch();
                    }
                    google.setOnLoadCallback(initialize);
                  </script>
                </b:if>
                <b:else/>
                <b:include name='mobile-main'/>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <data:top.dummyBootstrap/>
              </b:if>
            </b:includable>
            <b:includable id='backlinkDeleteIcon' var='backlink'>
              <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                  <img src='//www.blogger.com/img/icon_delete13.gif'/>
                </a>
              </span>
            </b:includable>
            <b:includable id='backlinks' var='post'>
              <a name='links'/>
              <h4>
                <data:post.backlinksLabel/>
              </h4>
              <b:if cond='data:post.numBacklinks != 0'>
                <dl class='comments-block' id='comments-block'>
                  <b:loop values='data:post.backlinks' var='backlink'>
                    <div class='collapsed-backlink backlink-control'>
                      <dt class='comment-title'>
                        <span class='backlink-toggle-zippy'>
                          &#160;
                        </span>
                        <a expr:href='data:backlink.url' rel='nofollow'>
                          <data:backlink.title/>
                        </a>
                        <b:include data='backlink' name='backlinkDeleteIcon'/>
                      </dt>
                      <dd class='comment-body collapseable'>
                        <data:backlink.snippet/>
                      </dd>
                      <dd class='comment-footer collapseable'>
                        <span class='comment-author'>
                          <data:post.authorLabel/>
                          <data:backlink.author/>
                        </span>
                        <span class='comment-timestamp'>
                          <data:post.timestampLabel/>
                          <data:backlink.timestamp/>
                        </span>
                      </dd>
                    </div>
                  </b:loop>
                </dl>
              </b:if>
              <p class='comment-footer'>
                <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
                  <data:post.createLinkLabel/>
                </a>
              </p>
            </b:includable>
            <b:includable id='comment-form' var='post'>
              <div class='comment-form'>
                <a name='comment-form'/>
                <b:if cond='data:mobile'>
                  <h4 id='comment-post-message'>
                    <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'>
                      <data:postCommentMsg/>
                    </a>
                  </h4>
                  <p>
                    <data:blogCommentMessage/>
                  </p>
                  <data:blogTeamBlogMessage/>
                  <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                  <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                  <b:else/>
                  <h4 id='comment-post-message'>
                    <data:postCommentMsg/>
                  </h4>
                  <p>
                    <data:blogCommentMessage/>
                  </p>
                  <data:blogTeamBlogMessage/>
                  <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                  <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                </b:if>
                <data:post.friendConnectJs/>
                <data:post.cmtfpIframe/>
                <script type='text/javascript'>
                  BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                </script>
              </div>
            </b:includable>
            <b:includable id='commentDeleteIcon' var='comment'>
              <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
                <b:if cond='data:showCmtPopup'>
                  <div class='goog-toggle-button'>
                    <div class='goog-inline-block comment-action-icon'/>
                  </div>
                  <b:else/>
                  <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
                    <img src='//www.blogger.com/img/icon_delete13.gif'/>
                  </a>
                </b:if>
              </span>
            </b:includable>
            <b:includable id='comment_count_picker' var='post'>
              <b:if cond='data:post.forceIframeComments'>
                <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                </span>
                <b:else/>
                <b:if cond='data:post.commentSource == 1'>
                  <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
                  </span>
                  <b:else/>
                  <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                    <data:post.commentLabelFull/>
                    :
                  </a>
                </b:if>
              </b:if>
            </b:includable>
            <b:includable id='comment_picker' var='post'>
              <b:if cond='data:post.forceIframeComments'>
                <b:include data='post' name='iframe_comments'/>
                <b:if cond='data:post.showThreadedComments'>
                  <b:include data='post' name='custom-comments'/>
                  <b:else/>
                  <b:include data='post' name='custom-comments'/>
                </b:if>
                <b:else/>
                <b:if cond='data:post.commentSource == 1'>
                  <b:include data='post' name='iframe_comments'/>
                  <b:else/>
                  <b:if cond='data:post.showThreadedComments'>
                    <b:include data='post' name='custom-comments'/>
                    <b:else/>
                    <b:include data='post' name='custom-comments'/>
                  </b:if>
                </b:if>
              </b:if>
            </b:includable>
            <b:includable id='comments' var='post'>
              <div class='comments' id='comments'>
                <a name='comments'/>
                <b:if cond='data:post.allowComments'>
                  <h4>
                    <b:if cond='data:post.numComments == 1'>
                      1 
                      <data:commentLabel/>
                      :
                      <b:else/>
                      <data:post.numComments/>
                      <data:commentLabelPlural/>
                      :
                    </b:if>
                  </h4>
                  <b:if cond='data:post.commentPagingRequired'>
                    <span class='paging-control-container'>
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                        <data:post.oldestLinkText/>
                      </a>
                      &#160;
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                        <data:post.olderLinkText/>
                      </a>
                      &#160;
                      <data:post.commentRangeText/>
                      &#160;
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                        <data:post.newerLinkText/>
                      </a>
                      &#160;
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                        <data:post.newestLinkText/>
                      </a>
                    </span>
                  </b:if>
                  <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
                    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
                      <b:loop values='data:post.comments' var='comment'>
                        <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
                          <b:if cond='data:comment.favicon'>
                            <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                          </b:if>
                          <a expr:name='data:comment.anchorName'/>
                          <b:if cond='data:blog.enabledCommentProfileImages'>
                            <data:comment.authorAvatarImage/>
                          </b:if>
                          <b:if cond='data:comment.authorUrl'>
                            <a expr:href='data:comment.authorUrl' rel='nofollow'>
                              <data:comment.author/>
                            </a>
                            <b:else/>
                            <data:comment.author/>
                          </b:if>
                          <data:commentPostedByMsg/>
                        </dt>
                        <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
                          <b:if cond='data:comment.isDeleted'>
                            <span class='deleted-comment'>
                              <data:comment.body/>
                            </span>
                            <b:else/>
                            <p>
                              <data:comment.body/>
                            </p>
                          </b:if>
                        </dd>
                        <dd class='comment-footer'>
                          <span class='comment-timestamp'>
                            <a expr:href='data:comment.url' title='comment permalink'>
                              <data:comment.timestamp/>
                            </a>
                            <b:include data='comment' name='commentDeleteIcon'/>
                          </span>
                        </dd>
                      </b:loop>
                    </dl>
                  </div>
                  <b:if cond='data:post.commentPagingRequired'>
                    <span class='paging-control-container'>
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                        <data:post.oldestLinkText/>
                      </a>
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                        <data:post.olderLinkText/>
                      </a>
                      &#160;
                      <data:post.commentRangeText/>
                      &#160;
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                        <data:post.newerLinkText/>
                      </a>
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                        <data:post.newestLinkText/>
                      </a>
                    </span>
                  </b:if>
                  <p class='comment-footer'>
                    <b:if cond='data:post.embedCommentForm'>
                      <b:if cond='data:post.allowNewComments'>
                        <b:include data='post' name='comment-form'/>
                        <b:else/>
                        <data:post.noNewCommentsText/>
                      </b:if>
                      <b:else/>
                      <b:if cond='data:post.allowComments'>
                        <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                          <data:postCommentMsg/>
                        </a>
                      </b:if>
                    </b:if>
                  </p>
                </b:if>
                <b:if cond='data:showCmtPopup'>
                  <div id='comment-popup'>
                    <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                    </iframe>
                  </div>
                </b:if>
                <div id='backlinks-container'>
                  <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                    <b:if cond='data:post.showBacklinks'>
                      <b:include data='post' name='backlinks'/>
                    </b:if>
                  </div>
                </div>
              </div>
            </b:includable>
            <b:includable id='custom-comments' var='post'>
              <section class='custom-comments' id='custom-comments'>
                <b:if cond='data:post.allowComments'>
                  <h4>
                    <b:if cond='data:post.numComments == 1'>
                      <span>
                        1
                      </span>
                      &amp;nbsp;
                      <data:commentLabel/>
                      <b:else/>
                      <span>
                        <data:post.numComments/>
                      </span>
                      &amp;nbsp;
                      <data:commentLabelPlural/>
                    </b:if>
                  </h4>
                  <b:if cond='data:post.commentPagingRequired'>
                    <nav class='paging-control-container'>
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                        <data:post.oldestLinkText/>
                      </a>
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                        <data:post.olderLinkText/>
                      </a>
                      &#160;
                      <data:post.commentRangeText/>
                      &#160;
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                        <data:post.newerLinkText/>
                      </a>
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                        <data:post.newestLinkText/>
                      </a>
                    </nav>
                  </b:if>
                  <div id='comments-area'>
                    <b:loop values='data:post.comments' var='comment'>
                      <b:if cond='data:comment.inReplyTo'>
                        <b:else/>
                        <b:if cond='data:comment.author == data:post.author'>
                          &lt;div class=&#39;author-comment&#39;&gt;
                        </b:if>
                        <div class='comment-item clearfix' expr:id='data:comment.anchorName'>
                          <div class='comment-header clearfix'>
                            <strong class='user pull-left'>
                              <b:if cond='data:comment.authorUrl'>
                                <a expr:href='data:comment.authorUrl' rel='nofollow'>
                                  <data:comment.author/>
                                </a>
                                <b:else/>
                                <data:comment.author/>
                              </b:if>
                              <data:commentPostedByMsg/>
                            </strong>
                            <a class='comment-permalink pull-right' expr:href='data:comment.url' title='Comment Permalink'>
                              <data:comment.timestamp/>
                            </a>
                          </div>
                          <!-- comment-header -->
                          <div class='avatar-box pull-left'>
                            <b:if cond='data:comment.favicon'>
                              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                            </b:if>
                            <b:if cond='data:blog.enabledCommentProfileImages'>
                              <data:comment.authorAvatarImage/>
                            </b:if>
                          </div>
                          <!-- avatar-box -->
                          <div class='comment-body'>
                            <b:if cond='data:comment.isDeleted'>
                              <span class='deleted-comment'>
                                <data:comment.body/>
                              </span>
                              <b:else/>
                              <data:comment.body/>
                            </b:if>
                          </div>
                          <!-- comment-body -->
                          <b:loop values='data:post.comments' var='replies'>
                            <b:if cond='data:replies.inReplyTo == data:comment.id'>
                              <b:if cond='data:replies.author == data:post.author'>
                                &lt;div class=&#39;author-comment&#39;&gt;
                              </b:if>
                              <div class='comment-reply clearfix' expr:id='data:replies.anchorName'>
                                <div class='comment-header clearfix'>
                                  <strong class='user pull-left'>
                                    <b:if cond='data:replies.authorUrl'>
                                      <a expr:href='data:replies.authorUrl' rel='nofollow'>
                                        <data:replies.author/>
                                      </a>
                                      <b:else/>
                                      <data:replies.author/>
                                    </b:if>
                                    <data:commentPostedByMsg/>
                                  </strong>
                                  <a class='comment-permalink pull-right' expr:href='data:replies.url' title='Comment Permalink'>
                                    <data:replies.timestamp/>
                                  </a>
                                </div>
                                <!-- reply comment-header -->
                                <div class='avatar-box pull-left'>
                                  <b:if cond='data:replies.favicon'>
                                    <img expr:src='data:replies.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                                  </b:if>
                                  <b:if cond='data:blog.enabledCommentProfileImages'>
                                    <data:replies.authorAvatarImage/>
                                  </b:if>
                                </div>
                                <!-- reply avatar-box -->
                                <div class='comment-body'>
                                  <b:if cond='data:replies.isDeleted'>
                                    <span class='deleted-comment'>
                                      <data:replies.body/>
                                    </span>
                                    <b:else/>
                                    <data:replies.body/>
                                  </b:if>
                                </div>
                                <!-- reply comment-body -->
                                <span class='comment-bottom-line'>
                                  &lt;a class=&#39;delete-btn&#39; data-icon=&#39;&amp;times;&#39; href=&#39;
                                  <data:replies.deleteUrl/>
                                  &#39; title=&#39;
                                  <data:top.deleteCommentMsg/>
                                  &#39;&gt;Delete&lt;/a&gt;
                                </span>
                              </div>
                              <!-- reply comment-reply -->
                              <b:if cond='data:replies.author == data:post.author'>
                                &lt;/div&gt;
                              </b:if>
                            </b:if>
                            <!-- replies.inReplyTo -->
                          </b:loop>
                          <span class='comment-bottom-line'>
                            <b:if cond='data:comment.isDeleted != &quot;true&quot;'>
                              &lt;a class=&#39;reply-btn&#39; data-icon=&#39;&amp;dArr;&#39; href=&#39;javascript:replyTo(&quot;
                              <data:comment.id/>
                              &quot;);&#39;&gt;Reply&lt;/a&gt;
                            </b:if>
                            &lt;a class=&#39;delete-btn&#39; data-icon=&#39;&amp;times;&#39; href=&#39;
                            <data:comment.deleteUrl/>
                            &#39; title=&#39;
                            <data:top.deleteCommentMsg/>
                            &#39;&gt;Delete&lt;/a&gt;
                          </span>
                          <div expr:id='&quot;form-container-&quot; + data:comment.id'/>
                        </div>
                        <!-- comment-item -->
                        <b:if cond='data:comment.author == data:post.author'>
                          &lt;/div&gt;
                        </b:if>
                      </b:if>
                      <!-- comment.inReplyTo -->
                    </b:loop>
                  </div>
                  <b:if cond='data:post.commentPagingRequired'>
                    <nav class='paging-control-container'>
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                        <data:post.oldestLinkText/>
                      </a>
                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                        <data:post.olderLinkText/>
                      </a>
                      &#160;
                      <data:post.commentRangeText/>
                      &#160;
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                        <data:post.newerLinkText/>
                      </a>
                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                        <data:post.newestLinkText/>
                      </a>
                    </nav>
                  </b:if>
                  <div class='custom-comment-form' id='custom-comment-form'>
                    <h4>
                      <data:postCommentMsg/>
                    </h4>
                    <p>
                      <data:blogCommentMessage/>
                    </p>
                    <data:blogTeamBlogMessage/>
                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                    <div class='custom-comment-editor-wrapper'>
                      <iframe class='blogger-iframe-colorize blogger-comment-from-post' id='comment-editor' name='comment-editor' src=''/>
                    </div>
                    <data:post.friendConnectJs/>
                    <data:post.cmtfpIframe/>
                    <script type='text/javascript'>
                      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);</script>
                    <a class='cancel-reply-btn' href='javascript:replyTo(&quot;cancel&quot;);'>
                      Cancel Reply
                    </a>
                  </div>
                  <script type='text/javascript'>
                    //<![CDATA[
                    var originalSource = document.getElementById('comment-editor').src.split('#');
                    function replyTo(id) {
                      var frame = document.getElementById('comment-editor'),
                          form = document.getElementById('custom-comment-form'),
                          container = (id != "cancel") ? document.getElementById('form-container-' + id) : document.getElementById('custom-comments'),
                          part = originalSource;
                      frame.style.height = "50px";
                      frame.style.visibility = "hidden";
                      frame.src = (id != "cancel") ? part[0] + '&parentID=' + id + '#' + part[1] : part[0] + '#' + part[1];
                      container.insertBefore(form, null);
                      frame.onload = function() {
                        this.style.height = "250px";
                        this.style.visibility = "visible";
                      };
                    }
                    //]]>
                  </script>
                </b:if>
              </section>
            </b:includable>
            <b:includable id='feedLinks'>
              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                <!-- Blog feed links -->
                <b:if cond='data:feedLinks'>
                  <div class='blog-feeds'>
                    <b:include data='feedLinks' name='feedLinksBody'/>
                  </div>
                </b:if>
                <b:else/>
                <!--Post feed links -->
                <div class='post-feeds'>
                  <b:loop values='data:posts' var='post'>
                    <b:if cond='data:post.allowComments'>
                      <b:if cond='data:post.feedLinks'>
                        <b:include data='post.feedLinks' name='feedLinksBody'/>
                      </b:if>
                    </b:if>
                  </b:loop>
                </div>
              </b:if>
            </b:includable>
            <b:includable id='feedLinksBody' var='links'>
              <div class='feed-links'>
                <data:feedLinksMsg/>
                <b:loop values='data:links' var='f'>
                  <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                    <data:f.name/>
                    (
                    <data:f.feedType/>
                    )
                  </a>
                </b:loop>
              </div>
            </b:includable>
            <b:includable id='iframe_comments' var='post'>
              <b:if cond='data:post.allowIframeComments'>
                <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
                <div class='cmt_iframe_holder'/>
                <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
                  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                    <data:postCommentMsg/>
                  </a>
                </b:if>
              </b:if>
            </b:includable>
            <b:includable id='mobile-index-post' var='post'>
              <div class='mobile-date-outer date-outer'>
                <b:if cond='data:post.dateHeader'>
                  <div class='date-header'>
                    <span>
                      <data:post.dateHeader/>
                    </span>
                  </div>
                </b:if>
                <div class='mobile-post-outer'>
                  <a expr:href='data:post.url'>
                    <h3 class='mobile-index-title entry-title'>
                      <data:post.title/>
                    </h3>
                    <div class='mobile-index-arrow'>
                      &amp;rsaquo;
                    </div>
                    <div class='mobile-index-contents'>
                      <b:if cond='data:post.thumbnailUrl'>
                        <div class='mobile-index-thumbnail'>
                          <div class='Image'>
                            <img expr:src='data:post.thumbnailUrl'/>
                          </div>
                        </div>
                      </b:if>
                      <div class='post-body'>
                        <b:if cond='data:post.snippet'>
                          <data:post.snippet/>
                        </b:if>
                      </div>
                    </div>
                    <div style='clear: both;'/>
                  </a>
                  <div class='mobile-index-comment'>
                    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                      <b:if cond='data:post.allowComments'>
                        <b:if cond='data:post.numComments != 0'>
                          <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                            <b:if cond='data:post.numComments == 1'>
                              1 
                              <data:top.commentLabel/>
                              <b:else/>
                              <data:post.numComments/>
                              <data:top.commentLabelPlural/>
                            </b:if>
                          </a>
                        </b:if>
                      </b:if>
                    </b:if>
                  </div>
                </div>
              </div>
            </b:includable>
            <b:includable id='mobile-main' var='top'>
              <!-- posts -->
              <div class='blog-posts hfeed'>
                <b:include data='top' name='status-message'/>
                <b:if cond='data:blog.pageType == &quot;index&quot;'>
                  <b:loop values='data:posts' var='post'>
                    <b:include data='post' name='mobile-index-post'/>
                  </b:loop>
                  <b:else/>
                  <b:loop values='data:posts' var='post'>
                    <b:include data='post' name='mobile-post'/>
                  </b:loop>
                </b:if>
              </div>
              <b:include name='mobile-nextprev'/>
            </b:includable>
            <b:includable id='mobile-nextprev'>
              <div class='blog-pager' id='blog-pager'>
                <b:if cond='data:newerPageUrl'>
                  <div class='mobile-link-button' id='blog-pager-newer-link'>
                    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                      &amp;lsaquo;
                    </a>
                  </div>
                </b:if>
                <b:if cond='data:olderPageUrl'>
                  <div class='mobile-link-button' id='blog-pager-older-link'>
                    <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                      &amp;rsaquo;
                    </a>
                  </div>
                </b:if>
                <div class='mobile-link-button' id='blog-pager-home-link'>
                  <a class='home-link' expr:href='data:blog.homepageUrl'>
                    <data:homeMsg/>
                  </a>
                </div>
                <div class='mobile-desktop-link'>
                  <a class='home-link' expr:href='data:desktopLinkUrl'>
                    <data:desktopLinkMsg/>
                  </a>
                </div>
              </div>
              <div class='clear'/>
            </b:includable>
            <b:includable id='mobile-post' var='post'>
              <div class='date-outer'>
                <b:if cond='data:post.dateHeader'>
                  <h2 class='date-header'>
                    <span>
                      <data:post.dateHeader/>
                    </span>
                  </h2>
                </b:if>
                <div class='date-posts'>
                  <div class='post-outer'>
                    <div class='post hentry uncustomized-post-template'>
                      <a expr:name='data:post.id'/>
                      <b:if cond='data:post.title'>
                        <h3 class='post-title entry-title'>
                          <b:if cond='data:post.link'>
                            <a expr:href='data:post.link'>
                              <data:post.title/>
                            </a>
                            <b:else/>
                            <b:if cond='data:post.url'>
                              <b:if cond='data:blog.url != data:post.url'>
                                <a expr:href='data:post.url'>
                                  <data:post.title/>
                                </a>
                                <b:else/>
                                <data:post.title/>
                              </b:if>
                              <b:else/>
                              <data:post.title/>
                            </b:if>
                          </b:if>
                        </h3>
                      </b:if>
                      <div class='post-header'>
                        <div class='post-header-line-1'/>
                      </div>
                      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
                        <data:post.body/>
                        <div style='clear: both;'/>
                        <!-- clear for photos floats -->
                      </div>
                      <div class='post-footer'>
                        <div class='post-footer-line post-footer-line-1'>
                          <span class='post-author vcard'>
                            <b:if cond='data:top.showAuthor'>
                              <b:if cond='data:post.authorProfileUrl'>
                                <span class='fn'>
                                  <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                    <data:post.author/>
                                  </a>
                                </span>
                                <b:else/>
                                <span class='fn'>
                                  <data:post.author/>
                                </span>
                              </b:if>
                            </b:if>
                          </span>
                          <span class='post-timestamp'>
                            <b:if cond='data:top.showTimestamp'>
                              <data:top.timestampLabel/>
                              <b:if cond='data:post.url'>
                                <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                                  <abbr class='published' expr:title='data:post.timestampISO8601'>
                                    <data:post.timestamp/>
                                  </abbr>
                                </a>
                              </b:if>
                            </b:if>
                          </span>
                          <span class='post-comment-link'>
                            <b:if cond='data:blog.pageType != &quot;item&quot;'>
                              <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                <b:if cond='data:post.allowComments'>
                                  <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                    <b:if cond='data:post.numComments == 1'>
                                      1 
                                      <data:top.commentLabel/>
                                      <b:else/>
                                      <data:post.numComments/>
                                      <data:top.commentLabelPlural/>
                                    </b:if>
                                  </a>
                                </b:if>
                              </b:if>
                            </b:if>
                          </span>
                        </div>
                        <div class='post-footer-line post-footer-line-2'>
                          <b:if cond='data:top.showMobileShare'>
                            <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                              <a href='javascript:void(0);'>
                                <data:shareMsg/>
                              </a>
                            </div>
                          </b:if>
                          <b:if cond='data:top.showDummy'>
                            <div class='goog-inline-block dummy-container'>
                              <data:post.dummyTag/>
                            </div>
                          </b:if>
                        </div>
                      </div>
                    </div>
                    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                      <b:if cond='data:post.showThreadedComments'>
                        <b:include data='post' name='custom-comments'/>
                        <b:else/>
                        <b:include data='post' name='custom-comments'/>
                      </b:if>
                    </b:if>
                    <b:if cond='data:blog.pageType == &quot;item&quot;'>
                      <b:if cond='data:post.showThreadedComments'>
                        <b:include data='post' name='custom-comments'/>
                        <b:else/>
                        <b:include data='post' name='custom-comments'/>
                      </b:if>
                    </b:if>
                  </div>
                </div>
              </div>
            </b:includable>
            <b:includable id='nextprev'>
              <div class='blog-pager' id='blog-pager'>
                <b:if cond='data:newerPageUrl'>
                  <span id='blog-pager-newer-link'>
                    <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                      <data:newerPageTitle/>
                    </a>
                  </span>
                </b:if>
                <b:if cond='data:olderPageUrl'>
                  <span id='blog-pager-older-link'>
                    <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                      <data:olderPageTitle/>
                    </a>
                  </span>
                </b:if>
                <a class='home-link' expr:href='data:blog.homepageUrl'>
                  <data:homeMsg/>
                </a>
                <b:if cond='data:mobileLinkUrl'>
                  <div class='blog-mobile-link'>
                    <a expr:href='data:mobileLinkUrl'>
                      <data:mobileLinkMsg/>
                    </a>
                  </div>
                </b:if>
              </div>
              <div class='clear'/>
            </b:includable>
            <b:includable id='post' var='post'>
              <article class='post hentry'>
                <a expr:name='data:post.id'/>
                <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                  <b:if cond='data:blog.pageType != &quot;item&quot;'>
                    <b:if cond='data:post.thumbnailUrl'>
                      <a expr:href='data:post.url'>
                        <img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/>
                      </a>
                      <b:else/>
                      <a expr:href='data:post.url'>
                        <img alt='thumbnail' class='post-thumbnail' src='http://1.bp.blogspot.com/-0w3Ryq9YgXk/URLMGjqCOlI/AAAAAAAACF4/XyndMPQeZbE/s000/anonymous%25252Bperson.png'/>
                      </a>
                    </b:if>
                  </b:if>
                </b:if>
                <b:if cond='data:post.title'>
                  <h2 class='post-title entry-title'>
                    <b:if cond='data:post.link'>
                      <a expr:href='data:post.link'>
                        <data:post.title/>
                      </a>
                      <b:else/>
                      <b:if cond='data:post.url'>
                        <b:if cond='data:blog.url != data:post.url'>
                          <a expr:href='data:post.url'>
                            <data:post.title/>
                          </a>
                          <b:else/>
                          <data:post.title/>
                        </b:if>
                        <b:else/>
                        <data:post.title/>
                      </b:if>
                    </b:if>
                  </h2>
                </b:if>
                <div class='post-header'>
                  <div class='post-header-line-1'/>
                </div>
                <div class='post-body entry-content'>
                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                    <b:if cond='data:blog.pageType != &quot;item&quot;'>
                      <div class='post-snippet' expr:data-snippet='data:post.snippet'/>
                    </b:if>
                  </b:if>
                  <b:if cond='data:blog.pageType == &quot;item&quot;'>
                    <data:post.body/>
                    <b:else/>
                    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                      <data:post.body/>
                    </b:if>
                  </b:if>
                  <div style='clear: both;'/>
                  <!-- clear for photos floats -->
                </div>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                  <center>
                    <h3>
                      Artikel Terkait
                    </h3>
                  </center>
                  <script type='text/javascript'>
                    <b:loop values='data:posts' var='post'>
                      <b:loop values='data:post.labels' var='label'>
                        textLabel = &quot;<data:label.name/>&quot;;
                  </b:loop>
                  </b:loop>
                  </script>
                  <script src='' type='text/javascript'/>
                </b:if>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                  <div class='post-footer'>
                    <div class='post-footer-line post-footer-line-1'>
                      <span class='post-author vcard'>
                        <b:if cond='data:top.showAuthor'>
                          <data:top.authorLabel/>
                          <b:if cond='data:post.authorProfileUrl'>
                            <span class='fn'>
                              <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                <data:post.author/>
                              </a>
                            </span>
                            <b:else/>
                            <span class='fn'>
                              <data:post.author/>
                            </span>
                          </b:if>
                        </b:if>
                      </span>
                      <span class='post-timestamp'>
                        <b:if cond='data:top.showTimestamp'>
                          <data:top.timestampLabel/>
                          <b:if cond='data:post.url'>
                            <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
                              <abbr class='published' expr:title='data:post.timestampISO8601'>
                                <data:post.timestamp/>
                              </abbr>
                            </a>
                          </b:if>
                        </b:if>
                      </span>
                      <span class='post-comment-link'>
                        <b:if cond='data:blog.pageType != &quot;item&quot;'>
                          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                            <b:if cond='data:post.allowComments'>
                              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
                                <b:if cond='data:post.numComments == 1'>
                                  1 
                                  <data:top.commentLabel/>
                                  <b:else/>
                                  <data:post.numComments/>
                                  <data:top.commentLabelPlural/>
                                </b:if>
                              </a>
                            </b:if>
                          </b:if>
                        </b:if>
                      </span>
                      <span class='post-icons'>
                        <!-- email post links -->
                        <b:if cond='data:post.emailPostUrl'>
                          <span class='item-action'>
                            <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
                              <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
                            </a>
                          </span>
                        </b:if>
                        <!-- quickedit pencil -->
                        <b:include data='post' name='postQuickEdit'/>
                      </span>
                      <div class='post-share-buttons goog-inline-block'>
                        <b:if cond='data:post.sharePostUrl'>
                          <b:include data='post' name='shareButtons'/>
                        </b:if>
                      </div>
                    </div>
                    <div class='post-footer-line post-footer-line-2'>
                      <span class='post-labels'>
                        <b:if cond='data:post.labels'>
                          <data:postLabelsLabel/>
                          <b:loop values='data:post.labels' var='label'>
                            <a expr:href='data:label.url' rel='tag'>
                              <data:label.name/>
                            </a>
                            <b:if cond='data:label.isLast != &quot;true&quot;'>
                              ,
                            </b:if>
                          </b:loop>
                        </b:if>
                      </span>
                      <!-- Feature added by BTemplates.com -->
                      <b:if cond='data:top.showReactions'>
                        <span class='reaction-buttons'>
                          <table border='0' cellpadding='0' cellspacing='0' width='100%'>
                            <tr>
                              <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
                                <span class='reactions-label'>
                                  <data:top.reactionsLabel/>
                                </span>
                                &#160;
                              </td>
                              <td>
                                <iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/>
                              </td>
                            </tr>
                          </table>
                        </span>
                      </b:if>
                    </div>
                    <div class='post-footer-line post-footer-line-3'>
                      <span class='post-location'>
                        <b:if cond='data:top.showLocation'>
                          <b:if cond='data:post.location'>
                            <data:postLocationLabel/>
                            <a expr:href='data:post.location.mapsUrl' target='_blank'>
                              <data:post.location.name/>
                            </a>
                          </b:if>
                        </b:if>
                      </span>
                    </div>
                  </div>
                </b:if>
              </article>
            </b:includable>
            <b:includable id='postQuickEdit' var='post'>
              <b:if cond='data:post.editUrl'>
                <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                  <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                    <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
                  </a>
                </span>
              </b:if>
            </b:includable>
            <b:includable id='shareButtons' var='post'>
              <b:if cond='data:top.showEmailButton'>
                <a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
                  <span class='share-button-link-text'>
                    <data:top.emailThisMsg/>
                  </span>
                </a>
              </b:if>
              <b:if cond='data:top.showBlogThisButton'>
                <a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
                  <span class='share-button-link-text'>
                    <data:top.blogThisMsg/>
                  </span>
                </a>
              </b:if>
              <b:if cond='data:top.showTwitterButton'>
                <a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
                  <span class='share-button-link-text'>
                    <data:top.shareToTwitterMsg/>
                  </span>
                </a>
              </b:if>
              <b:if cond='data:top.showFacebookButton'>
                <a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
                  <span class='share-button-link-text'>
                    <data:top.shareToFacebookMsg/>
                  </span>
                </a>
              </b:if>
              <b:if cond='data:top.showOrkutButton'>
                <a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'>
                  <span class='share-button-link-text'>
                    <data:top.shareToOrkutMsg/>
                  </span>
                </a>
              </b:if>
              <b:if cond='data:top.showDummy'>
                <div class='goog-inline-block dummy-container'>
                  <data:post.dummyTag/>
                </div>
              </b:if>
            </b:includable>
            <b:includable id='status-message'>
              <b:if cond='data:navMessage'>
                <div class='status-msg-wrap'>
                  <div class='status-msg-body'>
                    <data:navMessage/>
                  </div>
                  <div class='status-msg-border'>
                    <div class='status-msg-bg'>
                      <div class='status-msg-hidden'>
                        <data:navMessage/>
                      </div>
                    </div>
                  </div>
                </div>
                <div style='clear: both;'/>
              </b:if>
            </b:includable>
            <b:includable id='threaded-comment-form' var='post'>
              <div class='comment-form'>
                <a name='comment-form'/>
                <b:if cond='data:mobile'>
                  <p/>
                  <data:blogTeamBlogMessage/>
                  <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                  <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                  <b:else/>
                  <p>
                    <data:blogCommentMessage/>
                  </p>
                  <data:blogTeamBlogMessage/>
                  <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                  <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                </b:if>
                <data:post.friendConnectJs/>
                <data:post.cmtfpIframe/>
                <script type='text/javascript'>
                  BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
                </script>
              </div>
            </b:includable>
            <b:includable id='threaded_comment_js' var='post'>
              <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
              <script type='text/javascript'>
                (function() {
                  var items = <data:post.commentJso/>;
                  var msgs = <data:post.commentMsgs/>;
                  var config = <data:post.commentConfig/>;
                  // <![CDATA[
                  var cursor = null;
                  if (items && items.length > 0) {
                    cursor = parseInt(items[items.length - 1].timestamp) + 1;
                  }
                  var bodyFromEntry = function(entry) {
                    if (entry.gd$extendedProperty) {
                      for (var k in entry.gd$extendedProperty) {
                        if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
                          return '<span class="deleted-comment">' + entry.content.$t + '</span>';
                        }
                      }
                    }
                    return entry.content.$t;
                  }
                  var parse = function(data) {
                    cursor = null;
                    var comments = [];
                    if (data && data.feed && data.feed.entry) {
                      for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
                        var comment = {
                        };
                        // comment ID, parsed out of the original id format
                        var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
                        comment.id = id ? id[2] : null;
                        comment.body = bodyFromEntry(entry);
                        comment.timestamp = Date.parse(entry.published.$t) + '';
                        if (entry.author && entry.author.constructor === Array) {
                          var auth = entry.author[0];
                          if (auth) {
                            comment.author = {
                              name: (auth.name ? auth.name.$t : undefined),
                              profileUrl: (auth.uri ? auth.uri.$t : undefined),
                              avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                            };
                          }
                        }
                        if (entry.link) {
                          if (entry.link[2]) {
                            comment.link = comment.permalink = entry.link[2].href;
                          }
                          if (entry.link[3]) {
                            var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                            if (pid && pid[1]) {
                              comment.parentId = pid[1];
                            }
                          }
                        }
                        comment.deleteclass = 'item-control blog-admin';
                        if (entry.gd$extendedProperty) {
                          for (var k in entry.gd$extendedProperty) {
                            if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                              comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                            }
                          }
                        }
                        comments.push(comment);
                      }
                    }
                    return comments;
                  };
                  var paginator = function(callback) {
                    if (hasMore()) {
                      var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
                      if (cursor) {
                        url += '&published-min=' + new Date(cursor).toISOString();
                      }
                      window.bloggercomments = function(data) {
                        var parsed = parse(data);
                        cursor = parsed.length < 50 ? null
                        : parseInt(parsed[parsed.length - 1].timestamp) + 1
                        callback(parsed);
                        window.bloggercomments = null;
                      }
                      url += '&callback=bloggercomments';
                      var script = document.createElement('script');
                      script.type = 'text/javascript';
                      script.src = url;
                      document.getElementsByTagName('head')[0].appendChild(script);
                    }
                  };
                  var hasMore = function() {
                    return !!cursor;
                  };
                  var getMeta = function(key, comment) {
                    if ('iswriter' == key) {
                      var matches = !!comment.author
                      && comment.author.name == config.authorName
                      && comment.author.profileUrl == config.authorUrl;
                      return matches ? 'true' : '';
                    }
                    else if ('deletelink' == key) {
                      return config.baseUri + '/delete-comment.g?blogID='
                      + config.blogId + '&postID=' + comment.id;
                    }
                    else if ('deleteclass' == key) {
                      return comment.deleteclass;
                    }
                    return '';
                  };
                  var replybox = null;
                  var replyUrlParts = null;
                  var replyParent = undefined;
                  var onReply = function(commentId, domId) {
                    if (replybox == null) {
                      // lazily cache replybox, and adjust to suit this style:
                      replybox = document.getElementById('comment-editor');
                      if (replybox != null) {
                        replybox.height = '250px';
                        replybox.style.display = 'block';
                        replyUrlParts = replybox.src.split('#');
                      }
                    }
                    if (replybox && (commentId !== replyParent)) {
                      document.getElementById(domId).insertBefore(replybox, null);
                      replybox.src = replyUrlParts[0]
                      + (commentId ? '&parentID=' + commentId : '')
                      + '#' + replyUrlParts[1];
                      replyParent = commentId;
                    }
                  };
                  var hash = (window.location.hash || '#').substring(1);
                  var startThread, targetComment;
                  if (/^comment-form_/.test(hash)) {
                    startThread = hash.substring('comment-form_'.length);
                  }
                  else if (/^c[0-9]+$/.test(hash)) {
                    targetComment = hash.substring(1);
                  }
                  // Configure commenting API:
                  var configJso = {
                    'maxDepth': config.maxThreadDepth
                  };
                  var provider = {
                    'id': config.postId,
                    'data': items,
                    'loadNext': paginator,
                    'hasMore': hasMore,
                    'getMeta': getMeta,
                    'onReply': onReply,
                    'rendered': true,
                    'initComment': targetComment,
                    'initReplyThread': startThread,
                    'config': configJso,
                    'messages': msgs
                  };
                  var render = function() {
                    if (window.goog && window.goog.comments) {
                      var holder = document.getElementById('comment-holder');
                      window.goog.comments.render(holder, provider);
                    }
                  };
                  // render now, or queue to render when library loads:
                  if (window.goog && window.goog.comments) {
                    render();
                  }
                  else {
                    window.goog = window.goog || {
                    };
                    window.goog.comments = window.goog.comments || {
                    };
                    window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
                    window.goog.comments.loadQueue.push(render);
                  }
                }
                )();
                // ]]>
              </script>
            </b:includable>
            <b:includable id='threaded_comments' var='post'>
              <div class='comments' id='comments'>
                <a name='comments'/>
                <h4>
                  <data:post.commentLabelFull/>
                  :
                </h4>
                <div class='comments-content'>
                  <b:if cond='data:post.embedCommentForm'>
                    <b:include data='post' name='threaded_comment_js'/>
                  </b:if>
                  <div id='comment-holder'>
                    <data:post.commentHtml/>
                  </div>
                </div>
                <p class='comment-footer'>
                  <b:if cond='data:post.allowNewComments'>
                    <b:include data='post' name='threaded-comment-form'/>
                    <b:else/>
                    <data:post.noNewCommentsText/>
                  </b:if>
                </p>
                <b:if cond='data:showCmtPopup'>
                  <div id='comment-popup'>
                    <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                    </iframe>
                  </div>
                </b:if>
                <div id='backlinks-container'>
                  <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
                    <b:if cond='data:post.showBacklinks'>
                      <b:include data='post' name='backlinks'/>
                    </b:if>
                  </div>
                </div>
              </div>
            </b:includable>
          </b:widget>
          <b:widget id='HTML3' locked='false' title='-|Widget Daun Jatuh|-' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
          <b:widget id='HTML2' locked='false' title='-|Widget Hujan Salju|-' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
          </b:widget>
        </b:section>
      </div>
      <div style='clear:both;'/>
    </div>
    <!-- end outer-wrapper -->
    <div id='footer-wrapper'>
      <div id='bottom'>
        <div id='footer-bawah-1'>
          <b:section class='footer-column section' id='col2' showaddelement='no'>
            <b:widget id='Label1' locked='true' title='Label 1' type='Label'>
              <b:includable id='main'>
                <b:if cond='data:title'>
                  <h2>
                    <data:title/>
                  </h2>
                </b:if>
                <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                  <b:if cond='data:display == &quot;list&quot;'>
                    <ul>
                      <b:loop values='data:labels' var='label'>
                        <li>
                          <b:if cond='data:blog.url == data:label.url'>
                            <span expr:dir='data:blog.languageDirection'>
                              <data:label.name/>
                            </span>
                            <b:else/>
                            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                              <data:label.name/>
                            </a>
                          </b:if>
                          <b:if cond='data:showFreqNumbers'>
                            <span dir='ltr'>
                              (
                              <data:label.count/>
                              )
                            </span>
                          </b:if>
                        </li>
                      </b:loop>
                    </ul>
                    <b:else/>
                    <b:loop values='data:labels' var='label'>
                      <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
                        <b:if cond='data:blog.url == data:label.url'>
                          <span expr:dir='data:blog.languageDirection'>
                            <data:label.name/>
                          </span>
                          <b:else/>
                          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                            <data:label.name/>
                          </a>
                        </b:if>
                        <b:if cond='data:showFreqNumbers'>
                          <span class='label-count' dir='ltr'>
                            (
                            <data:label.count/>
                            )
                          </span>
                        </b:if>
                      </span>
                    </b:loop>
                  </b:if>
                  <b:include name='quickedit'/>
                </div>
              </b:includable>
            </b:widget>
          </b:section>
        </div>
        <div id='footer-bawah-2'>
          <b:section class='footer-column section' id='col3' showaddelement='no'>
            <b:widget id='Label2' locked='true' title='Label 2' type='Label'>
              <b:includable id='main'>
                <b:if cond='data:title'>
                  <h2>
                    <data:title/>
                  </h2>
                </b:if>
                <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
                  <b:if cond='data:display == &quot;list&quot;'>
                    <ul>
                      <b:loop values='data:labels' var='label'>
                        <li>
                          <b:if cond='data:blog.url == data:label.url'>
                            <span expr:dir='data:blog.languageDirection'>
                              <data:label.name/>
                            </span>
                            <b:else/>
                            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                              <data:label.name/>
                            </a>
                          </b:if>
                          <b:if cond='data:showFreqNumbers'>
                            <span dir='ltr'>
                              (
                              <data:label.count/>
                              )
                            </span>
                          </b:if>
                        </li>
                      </b:loop>
                    </ul>
                    <b:else/>
                    <b:loop values='data:labels' var='label'>
                      <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
                        <b:if cond='data:blog.url == data:label.url'>
                          <span expr:dir='data:blog.languageDirection'>
                            <data:label.name/>
                          </span>
                          <b:else/>
                          <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'>
                            <data:label.name/>
                          </a>
                        </b:if>
                        <b:if cond='data:showFreqNumbers'>
                          <span class='label-count' dir='ltr'>
                            (
                            <data:label.count/>
                            )
                          </span>
                        </b:if>
                      </span>
                    </b:loop>
                  </b:if>
                  <b:include name='quickedit'/>
                </div>
              </b:includable>
            </b:widget>
          </b:section>
        </div>
        <div id='footer-bawah-3'>
          <b:section class='footer-column section' id='col4' showaddelement='no'>
            <b:widget id='PopularPosts1' locked='true' title='Entri Populer' type='PopularPosts'>
              <b:includable id='main'>
                <b:if cond='data:title'>
                  <h2>
                    <data:title/>
                  </h2>
                </b:if>
                <div class='widget-content popular-posts'>
                  <ul>
                    <b:loop values='data:posts' var='post'>
                      <li>
                        <b:if cond='data:showThumbnails == &quot;false&quot;'>
                          <b:if cond='data:showSnippets == &quot;false&quot;'>
                            <!-- (1) No snippet/thumbnail -->
                            <a expr:href='data:post.href'>
                              <data:post.title/>
                            </a>
                            <b:else/>
                            <!-- (2) Show only snippets -->
                            <div class='item-title'>
                              <a expr:href='data:post.href'>
                                <data:post.title/>
                              </a>
                            </div>
                            <div class='item-snippet'>
                              <data:post.snippet/>
                            </div>
                          </b:if>
                          <b:else/>
                          <b:if cond='data:showSnippets == &quot;false&quot;'>
                            <!-- (3) Show only thumbnails -->
                            <div class='item-thumbnail-only'>
                              <b:if cond='data:post.thumbnail'>
                                <div class='item-thumbnail'>
                                  <a expr:href='data:post.href' target='_blank'>
                                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                  </a>
                                </div>
                              </b:if>
                              <div class='item-title'>
                                <a expr:href='data:post.href'>
                                  <data:post.title/>
                                </a>
                              </div>
                            </div>
                            <div style='clear: both;'/>
                            <b:else/>
                            <!-- (4) Show snippets and thumbnails -->
                            <div class='item-content'>
                              <b:if cond='data:post.thumbnail'>
                                <div class='item-thumbnail'>
                                  <a expr:href='data:post.href' target='_blank'>
                                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                                  </a>
                                </div>
                              </b:if>
                              <div class='item-title'>
                                <a expr:href='data:post.href'>
                                  <data:post.title/>
                                </a>
                              </div>
                              <div class='item-snippet'>
                                <data:post.snippet/>
                              </div>
                            </div>
                            <div style='clear: both;'/>
                          </b:if>
                        </b:if>
                      </li>
                    </b:loop>
                  </ul>
                  <b:include name='quickedit'/>
                </div>
              </b:includable>
            </b:widget>
          </b:section>
        </div>
        <div style='clear:both;'/>
      </div>
    </div>
    <footer id='credit-wrapper'>
      <div id='credit-wrapper-r'>
        <p>
          Copyright &#169; 2013 - 2014 
          <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' id='pemilik-situs'>
            <strong>
              <data:blog.title/>
            </strong>
          </a>
        </p>
      </div>
      <div id='credit-wrapper-l'>
        Support by &#8250; 
        <a Title='Android' href='http://www.android.com/' rel='nofollow' target='_blank'>
          <strong>
            Android
          </strong>
        </a>
        | 
        <a href='http://www.mozilla.org/en-US/firefox/all/' rel='nofollow' target='_blank' title='Mozilla Firefox'>
          <strong>
            Mozilla Firefox
          </strong>
        </a>
        | 
        <a href='http://www.opera.com/download/' rel='nofollow' target='_blank' title='Opera'>
          <strong>
            Opera
          </strong>
        </a>
        <br/>
        Created By &#8250; 
        <a href='https://www.facebook.com/WIROGAS' rel='nofollow' target='_blank' title='Wibiarly P'>
          <strong>
            Jrswirogas
          </strong>
        </a>
         
        
      </div>
      <div class='clear'/>
    </footer>
    <div id='menu-wrapper2'>
      <b:section class='menu2 section' id='menu2' showaddelement='no'/>
    </div>
    <div id='menu-wrapper3'>
      <div id='menu3'>
        <ul style='list-style: none;'>
          <li>
            <a id='timeSMcoy'>
              <script src=''/>
            </a>
          </li>
          <li>
            <a id='jamSM'/>
          </li>
        </ul>
      </div>
    </div>
    <!-- Profil Anda -->
    <div class='sledjrswirogas' id='profil-saya'>
      <script type='text/javascript'>
        /* <![CDATA[ */
        Foto_Profil_Anda ='http://1.bp.blogspot.com/-YXA52YH-I8s/USh-P3YpoVI/AAAAAAAACH0/iWuqNVY0GsQ/s1600/gambar-profil.jpg';
        Nama_Profil_Anda ='Wibiarly';
        Kelamin_Usia_Anda ='Laki-laki, 17 tahun';
        Kota_Anda_Tinggal ='Malang, Indonesia';
        Pesan_Anda ='Hidup itu indah! ';
        Url_Facebook_Anda ='https://www.facebook.com/WIROGAS';
        Url_Twitter_Anda ='https://twitter.com/MYwibiarly';
        Url_Google_Anda ='https://plus.google.com/u/0/109149646206999931164';
        ID_Blogger_Anda ='3235362273697989863';
        //-----gambar Foto_Profil_Anda blog 150x100----------
        /* ]]> */
      </script>
      <script src=''/>
    </div>
    <script src=''/>
    <script src=''/>
    <div id='loadhalaman'>
      <div class='loadball'/>
      <div class='loadball-2'/>
    </div>
    <a href='#top' id='gotop'/>
    <!-- Start Demo -->
    <div style='position: fixed; top: 75px; left: -225px; width: 600px; padding: 10px; font-size: 24px; text-align: center; color: rgb(255, 255, 255); font-family: &apos;trebuchet ms&apos;, verdana, arial, sans-serif;transform: rotate(-45deg);transform-origin: 50% 0px;-o-transform: rotate(-45deg); -o-transform-origin: 50% 0px;-moz-transform: rotate(-45deg); -moz-transform-origin: 50% 0px; -webkit-transform: rotate(-45deg); -webkit-transform-origin: 50% 0px; background-color: rgb(0, 0, 0); border: 1px solid rgb(170, 170, 170); z-index: 9999; opacity: 0.5;'>
      <a href='http://jrswirogas-refolution.blogspot.com/' onclick='$(&apos;#dialog-perhatian&apos;).hide(&apos;slow&apos;);' style='color:green' target='_blank'><b>Yuhuuuu!!</b> </a>
    </div>
    <!-- End Demo -->
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
      <b:else/>
      <script src='' type='text/javascript'/>
      <script type='text/javascript'>
        //<![CDATA[
        var emoRange    = "#comments-area,#custom-comments p, div.emoWrap",
            putEmoAbove = "iframe#comment-editor",
            emoMessage  = "Kasih spaci antar kalimat comment dengan simbol.";
        //]]>
      </script>
    </b:if>
    <noscript>
      <div id='enjs'>
        <p>
          Stoppp kau mencuri hatiku ,, hatiku!! :D *OrangGila*
        </p>
      </div>
    </noscript>
    <b:include data='blog' name='google-analytics'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>   
<script type='text/javascript'>
//<![CDATA[
var emoRange = "#comments p, div.emoWrap",
    putEmoAbove = "iframe#comment-editor",
    emoMessage = "To insert emoticon you must added at least one space before the code.";

// Emoticon bar before comment-form
$(function() {
    $(putEmoAbove)
        .before('<div style="text-align:center" class="emoWrap"> :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :&gt;) (o) [-( :-? (p) :-s (m) 8-) :-t :-b  b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer <br/><b>Click to see the code!</b><br/>To insert emoticon you must added at least one space before the code.</div>');
    var emo = function(emo, imgRep, emoKey) {
        $(emoRange)
            .each(function() {
            $(this)
                .html($(this)
                .html()
                .replace(/<br>:/g, "<br> :")
                .replace(/<br>;/g, "<br> ;")
                .replace(/<br>=/g, "<br> =")
                .replace(/<br>\^/g, "<br> ^")
                .replace(emo, " <img style='max-height:24px' src='" + imgRep + "' class='emo delayLoad' alt='" + emoKey + "' />"));
        });
    };
    emo(/\s:\)\)+/g, "https://lh3.googleusercontent.com/-duNoMAb1RS4/T2WEWrOfR8I/AAAAAAAACZ0/ObgHf-PmTuE/s36/03.gif", ":))");
    emo(/\s;\(\(+/g, "https://lh6.googleusercontent.com/-LIr-ZdDp2xI/T2WEYDacVnI/AAAAAAAACaY/W7MF5qKO2sE/s47/06.gif", ";((");
    emo(/\s:\)+/g, "https://lh6.googleusercontent.com/-Q5lMkgcmVR4/T2WEWkNi3MI/AAAAAAAACZ4/7VBYeVbx7kA/s36/01.gif", ":)");
    emo(/\s:-\)+/g, "https://lh3.googleusercontent.com/-mCsZPeixHvA/T2WEWivv9FI/AAAAAAAACZw/64ZGRgdlDeg/s36/02.gif", ":-)");
    emo(/\s=\)\)+/g, "https://lh5.googleusercontent.com/-u__sc3DgZ2c/T2d0_lDLueI/AAAAAAAACkw/YbeuRNde61Q/s36/03a.gif", "=))");
    emo(/\s;\(+/g, "https://lh5.googleusercontent.com/-EwonQGBTYwo/T2WEXeVq3oI/AAAAAAAACZ8/4ixt2ZVlqrI/s36/04.gif", ";(");
    emo(/\s;-\(+/g, "https://lh3.googleusercontent.com/-fMtAZDakmBI/T2WEXswr5BI/AAAAAAAACaA/83R1X_PumTk/s36/05.gif", ";-(");
    emo(/\s:d/ig, "https://lh3.googleusercontent.com/-Em3lvBgvYlI/T2WElbV0BaI/AAAAAAAACdI/ApynphQdka8/s36/7.gif", ":d");
    emo(/\s:-d/ig, "https://lh4.googleusercontent.com/-0R7-2DC1klM/T2WEmMQajfI/AAAAAAAACdM/-4JFCeC6QD8/s36/8.gif", ":-d");
    emo(/\s@-\)+/g, "https://lh5.googleusercontent.com/-PE2GWBseiGk/T2acYH_uNRI/AAAAAAAAChg/HloTeaRIdyQ/s36/09.gif", "@-)");
    emo(/\s:p/ig, "https://lh5.googleusercontent.com/-nkyzLkHUPg8/T2WEYdFqFxI/AAAAAAAACaQ/Mu1yPq91yuc/s36/10.gif", ":p");
    emo(/\s:o/ig, "https://lh6.googleusercontent.com/-0-zgLVgK2Cg/T2WEY10FXuI/AAAAAAAACag/dyKQ5pPUIGQ/s36/11.gif", ":o");
    emo(/\s:&gt;\)+/g, "https://lh3.googleusercontent.com/-xbWqvOWJNE0/T2WEZM-VLTI/AAAAAAAACak/8dLATIlXRDk/s36/12.gif", ":&gt;)");
    emo(/\s\(o\)+/ig, "https://lh4.googleusercontent.com/-cguZVxYzR3o/T2WEZSgFvUI/AAAAAAAACas/nDJgr6YcuaI/s36/13.gif", "(o)");
    emo(/\s\[-\(+/g, "https://lh5.googleusercontent.com/-VKGWq-wPGUw/T2WEaEQLA9I/AAAAAAAACa4/ZDnLP29mlgk/s36/14.gif", "[-(");
    emo(/\s:-\?/g, "https://lh6.googleusercontent.com/-hIVRIc7IAJw/T2WEaO5ASUI/AAAAAAAACaw/FLmCvzeMSbc/s36/15.gif", ":-?");
    emo(/\s\(p\)+/ig, "https://lh4.googleusercontent.com/-hk3q3tP-0Pg/T2WEcRONc5I/AAAAAAAACbY/bJ00rge5Mq8/s36/16.gif", "(p)");
    emo(/\s:-s/ig, "https://lh5.googleusercontent.com/-cysJNcXxT-Q/T2WEcxVM5dI/AAAAAAAACbU/Mvuc437f1ZI/s36/17.gif", ":-s");
    emo(/\s\(m\)+/ig, "https://lh6.googleusercontent.com/-H20tIsy7Hvw/T2WEbDW0R7I/AAAAAAAACbE/DymXsZOmO3s/s36/18.gif", "(m)");
    emo(/\s8-\)+/ig, "https://lh4.googleusercontent.com/-IvNFZtzJJYI/T2WEcDj-0NI/AAAAAAAACbM/kiqtHbdkarQ/s36/19.gif", "8-)");
    emo(/\s:-t/ig, "https://lh5.googleusercontent.com/-XCXdaCYaOGE/T2WEcmd15EI/AAAAAAAACbQ/Z5UyZCuX4Xo/s36/20.gif", ":-t");
    emo(/\s:-b/ig, "https://lh4.googleusercontent.com/-g6V0tBD1vwk/T2WEdRGJfWI/AAAAAAAACbo/P8P_SGEdhzI/s36/21.gif", ":-b");
    emo(/\sb-\(+/ig, "https://lh6.googleusercontent.com/-ErUGB8ea0H4/T2WEdm5-ZSI/AAAAAAAACbs/245Hxnaa82g/s35/22.gif", "b-(");
    emo(/\s:-#/ig, "https://lh6.googleusercontent.com/-p-5AT-amLik/T2WEi_MJDqI/AAAAAAAACco/5J-MqivSQw4/s36/23.gif", ":-#");
    emo(/\s=p~/ig, "https://lh3.googleusercontent.com/-H8izCFTaHFE/T2b39mmu2NI/AAAAAAAACkM/k4bDdFe301U/s36/24.gif", "=p~");
    emo(/\s\$-\)+/ig, "https://lh5.googleusercontent.com/-LZn6dX8GslQ/T2W30lpp_kI/AAAAAAAAChA/Rym2Ql5H-jU/s36/25.gif", "$-)");
    emo(/\s\(b\)+/ig, "https://lh5.googleusercontent.com/-k6r8YBUhxVk/T2WEgBtjFtI/AAAAAAAACcE/U5U5uPCpxq8/s36/26.gif", "(b)");
    emo(/\s\(f\)+/ig, "https://lh5.googleusercontent.com/-pj6fMvZXTyc/T2WEga9-gjI/AAAAAAAACcM/kVpUCa7uqpw/s36/27.gif'", "(f)");
    emo(/\sx-\)+/ig, "https://lh3.googleusercontent.com/-zI2UJmwerDM/T2WEhSRkuTI/AAAAAAAACcc/Gr3xFDrZF3Y/s36/28.gif", "x-)");
    emo(/\s\(k\)+/ig, "https://lh3.googleusercontent.com/-ilBYLLWFQJQ/T2WEiJXJ7LI/AAAAAAAACcY/bXpkIPuVUto/s36/29.gif", "(k)");
    emo(/\s\(h\)+/ig, "https://lh5.googleusercontent.com/-_NHYkuf5bZg/T2WEjOhTIxI/AAAAAAAACcg/76qRE27R_ig/s36/30.gif", "(h)");
    emo(/\s\(c\)+/ig, "https://lh6.googleusercontent.com/-O6m44_Z-8AA/T2WEjLRImnI/AAAAAAAACck/c_jh643HU6o/s36/31.gif", "(c)");
    emo(/\scheer/ig, "https://lh5.googleusercontent.com/-9TYEg93ImUM/T2WEjvuhxTI/AAAAAAAACc0/KQRBXuuV_Yg/s36/32.gif", "cheer");
   
// Show alert one times!
    $('div.emoWrap')
        .one("click", function() {
        if (emoMessage) {
            alert(emoMessage);
        }
    });
    // Click to show the code!
       $('.emo')
        .css('cursor', 'pointer')
        .live("click", function(e) {
        $('.emoKey')
            .remove();
        $(this)
            .after('<input class="emoKey" type="text" size="' + this.alt.length + '" value=" ' + this.alt + '" />');
$('.emoKey')
            .trigger("select");
e.stopPropagation();
    });
    $('.emoKey')
        .live("click", function() {
        $(this)
            .focus()
            .select();
    });

});
//]]>
</script>
</b:if>
  </body>

</html>